Open2023/06/14にコメント追加11【収集】hoverの動きCSSJavaScripthovermatsuoka2023/03/28a:hover { border-radius: 5px; box-shadow: 0 0 8px #555555; } http://kaomoji.ru/en/ matsuoka2023/04/03大胆にはみ出したhover https://partners.cpeople.ru/en/ matsuoka2023/04/03背景色ごと変わる https://www.symbolaudio.com/ matsuoka2023/04/03背景色ごと変わる+ボヤ〜ンてなる https://www.dylanbrouwer.design/?ref=godly matsuoka2023/04/03書体が変わる https://regrocery.co/ matsuoka2023/04/04同じサイトでも色々なhoverがある https://locomotive.ca/en 中央から割れて画像がモザイクと共に出てくる 文字がワサワサする(ページトランジションも良い!) matsuoka2023/04/05蛍光ペンみたいな色でベタ シンプルで目立ってよい https://victorcango.fr/ matsuoka2023/04/10縦に伸びる ファーストビューの画像トランジションと一応対応はしている -webkit-transform: scaleY(1.6); transform: scaleY(1.6); スクロールバーもカスタムされていてかわいい ::-webkit-scrollbar-thumb { background: #009539; } https://www.bottegaveneta.com/ja-jp matsuoka2023/04/12めちゃめちゃ拡大する scale(15)は見たことないw やってみたい\(^o^)/ https://rottstegge.com/ a:hover { transform: scale(15); filter: blur(0.6px); } matsuoka2023/06/09横に●がつく https://www.designacademy.nl/ matsuoka2023/06/14画像が中央にギュンってなる https://www.orb-space.com/
matsuoka2023/04/04同じサイトでも色々なhoverがある https://locomotive.ca/en 中央から割れて画像がモザイクと共に出てくる 文字がワサワサする(ページトランジションも良い!)
matsuoka2023/04/10縦に伸びる ファーストビューの画像トランジションと一応対応はしている -webkit-transform: scaleY(1.6); transform: scaleY(1.6); スクロールバーもカスタムされていてかわいい ::-webkit-scrollbar-thumb { background: #009539; } https://www.bottegaveneta.com/ja-jp
matsuoka2023/04/12めちゃめちゃ拡大する scale(15)は見たことないw やってみたい\(^o^)/ https://rottstegge.com/ a:hover { transform: scale(15); filter: blur(0.6px); }