はじめに
みなさん、こんにちは torihaziです。
現在、Xクローンを作成しているのですが、
今日はタイトルのことをやっていいきたいと思います。
追記: 2024/04/30
筆者は初心者です
そのため指摘あればどしどしお願いします🙇
そもそも何のこと？
ここ、スクロールしていると下に流れるツイートがボケていますよね。
今日やりたいのはこの部分です。
他にもいろいろやり方があるのかと思いますが、あれば教えてください。
コード
クラス名でもなんでも {
backdrop-filter: saturate(120%) blur(10px);
}
追記:2024/04/30
safariでは以下の記載が必要であるとのことです。
ご指摘ありがとうございます。
css property の backdrop-filter は まだ safari は -webkit-backdrop-filter の指定が必要
設定後
完全再現とまではいきませんが、ぽくはなりました。
終わりに
以上です！
他のやり方あったら教えてください！