Twitterから名前と画像を隠すCSS

!anonymous-twitter.md

Twitterから名前と画像を隠すCSS

なんのため？

• アカウントを隠して純粋にツイートの内容を読む

使いかた

下記のCSSをブラウザ拡張（Stylusなど）でTwitter用にコピペ

• 絶対に隠すCSS
• ツイートにhoverすると隠れていた情報が表示されるCSS

absolutely-anonymous-twitter.css

article[data-testid="tweet"] div[data-testid^="UserAvatar-Container"] div:has(>img) {
    background: #7F7F7F11 !important;
}

article[data-testid="tweet"] div[data-testid^="UserAvatar-Container"] div:has(>img) .r-vvn4in {
    opacity: 0 !important;
}

article[data-testid="tweet"] div[data-testid^="UserAvatar-Container"] a div:not(:has(>img)) {
    background-color: transparent !important;
}

article[data-testid="tweet"] div[data-testid="User-Name"] {
    background: #7F7F7F11;
}

article[data-testid="tweet"] div[data-testid="User-Name"]>div {
    opacity: 0;
}

article[data-testid="tweet"] span[data-testid="socialContext"] {
    display: none;
}


article[data-testid="tweet"] div[data-testid="tweetPhoto"] {
    opacity: 0;
}

article[data-testid="tweet"] div[data-testid="collection-hero-image"] .r-vvn4in {
    opacity: 0;
}

article[data-testid="tweet"] div[data-testid="ScrollSnap-List"] .r-vvn4in {
    opacity: 0;
}

article[data-testid="tweet"] div[data-testid="placementTracking"]>div>* {
    opacity: 0;
}

article[data-testid="tweet"] div[data-testid="placementTracking"]>div {
    background: #7F7F7F11 !important;
}

article[data-testid="tweet"] div[data-testid="card.layoutLarge.media"] {
    display: none;
}

article[data-testid="tweet"] div[data-testid="card.layoutSmall.media"] {
    display: none;
}

.css-18t94o4 div[data-testid="userAvatars"] div:has(>img) .r-vvn4in {
    display: none;
}

anonymous-twitter.css

article[data-testid="tweet"] div[data-testid^="UserAvatar-Container"] div:has(>img) {
    background: #7F7F7F11 !important;
}

article[data-testid="tweet"]:not(:hover) div[data-testid^="UserAvatar-Container"] div:has(>img) .r-vvn4in {
    opacity: 0 !important;
}

article[data-testid="tweet"] div[data-testid^="UserAvatar-Container"] a div:not(:has(>img)) {
    background-color: transparent !important;
}

article[data-testid="tweet"]:not(:hover) div[data-testid="User-Name"] {
    background: #7F7F7F11;
}

article[data-testid="tweet"]:not(:hover) div[data-testid="User-Name"]>div {
    opacity: 0;
}

article[data-testid="tweet"]:not(:hover) span[data-testid="socialContext"] {
    display: none;
}


article[data-testid="tweet"]:not(:hover) div[data-testid="tweetPhoto"] {
    opacity: 0;
}

article[data-testid="tweet"]:not(:hover) div[data-testid="collection-hero-image"] .r-vvn4in {
    opacity: 0;
}

article[data-testid="tweet"]:not(:hover) div[data-testid="ScrollSnap-List"] .r-vvn4in {
    opacity: 0;
}

article[data-testid="tweet"]:not(:hover) div[data-testid="placementTracking"]>div>* {
    opacity: 0;
}

article[data-testid="tweet"] div[data-testid="placementTracking"]>div {
    background: #7F7F7F11 !important;
}

article[data-testid="tweet"] div[data-testid="card.layoutLarge.media"] {
    display: none;
}

article[data-testid="tweet"] div[data-testid="card.layoutSmall.media"] {
    display: none;
}

.css-18t94o4:not(:hover) div[data-testid="userAvatars"] div:has(>img) .r-vvn4in {
    display: none;
}