Twitterのハートマーク機能こと「いいね」のエフェクトがどうなっているのか調べてみた
Twitterハートマークのエフェクト 僕はまた、ハートマークのエフェクトは、アイコンフォントなどに何かしらのエフェクトをかけているのかと思っていました。 けれど、調べてみたら、背景に画像を使って、アニメーションをしているだけでした。 画像の場所は以下。 https://abs.twimg.com/a/1457681967/img/t1/web_heart_animation.png 以下がその画像です。 で、上の画像を用いてCSSでアニメーションをしたのが以下になります。（トリガーはマウスオーバーになっています） .heart { width: 100px; height: 100px; background: url(https://nelog.jp/wp-content/uploads/2016/03/heart_animation.png) no-repeat; backgroun
CSS, JavaScriptで実装された、チェックしておきたいUIデザインの最近のテクニックのまとめ
実用的なテクニックから、こんなこともできるんだ！とワクワクするすごいアイデアまで、Web制作者はチェックしておきたいUIを実装するテクニックをCodePenから紹介します。 JavaScriptは最小限にして、アニメーションなどCSSでできることは全てCSSで、というのが実装の傾向ですね。
スクロールやクリックした際に、おおっ！と思わせるクリエイティブな7つのエフェクトがかっこいいっ！
ユーザーがページを表示し、スクロールやボタンをクリックした際に、おおっ！と思わせるクリエイティブなエフェクトを7つ紹介します。 Inspiration for article intro effects 7つのエフェクトをアニメーションgifにしてみました。 ページはフルスクリーンサイズの画像が最初に表示され、そこをスクロールボタンクリックでさまざまなエフェクトがおきます。派手すぎず、センスあるかっこいいエフェクトばかりです！ 各エフェクトのソースは上記ページからまとめてダウンロードできます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
