UIとanimationに関するropparaのブックマーク (2)
-
こんにちは。MUUUUU.ORGの中の人こと、 Quoitworks︵クオートワークス︶のムラマツ︵マツムラではありません︶です。 ブラウザの進化により昨今のwebサイトでは色々なアニメーションが実装できるようになってきました。そこで今回は動きに対する感性を磨き、﹁もっと気持ち良い感じに﹂というクライアントの要望をスマートにかなえる事ができるように、 セクシーだと思ったUIアニメーションを、エイヤエイヤとまとめてみました。︵すみません!サイト負荷が高くサーバーがダウンしてしまうので、一部リンクのみになってます︶ line25.com https://dribbble.com/shots/1448379-Lookbook-nu-app https://medium.com/ui-ux-articles/3d1b0a9b810e http://thedesigninspiration.com/
-
12 fancy buttons デモはChrome, Safari, Firefoxなどのモダンブラウザでご覧ください。12種類の中から、特に気に入ったものを下記にピックアップしてみました。 ※各CSSはエフェクトの箇所のみで、ベンダプレフィックスは省略しています。demo 4 のアニメーション ホバーすると、上からパタッとなります。 .b04_3d_tick { perspective: 500px; perspective-origin: center top; } .b04_3d_tick div { position: absolute; text-align: center; width: 100%; height: 50px; box-sizing: border-box; padding: 10px; border: #000000 solid 1px; } .b04_
-
1