CSSで遊ぶ

使い道はなく、書きたいから書かれたCSSの成果物を展示


文字が色ずれしてるやつ

再翻訳された猫ランド
キウイ丸バージョン
黒背景だとこんな感じ

text-shadowで作ってるよ〜

複数の値(この場合、別の色の影)を同時に書けるの、知らなかった

中国語圏の絵描きさんのポートフォリオサイトで見かけて、かわいかったのでメモ


マウスホバーでぼかしが解けるやつ

やってみたかった!

divの中に入っているimgに普通にfilter:blurをかけると、フチまでぼけて可愛くないので、imgをblurのpx数分divより大きく作って、はみ出た部分をoverflow: hidden;で切り取る。

思いついたからやってみたけど、もっとスマートなやり方がありそうだな

追記:ぼかしが解ける+リンク

画像にカーソルを持っていくとcursor: pointer;が当てられていてなんか良い感じだなあと思った。
ので、リンク要素内の画像要素でも試してみる。


そのうち書きたいリスト

リンク先
\にゃ/
上に戻るボタン