今っぽくするための、ありそうで無かったエフェクト。その手があったか、と思わせてくれそうなアイデアとソース。最近のWebサイトで使われている、心地よいアニメーションを実装するCSSなどのまとめ。Link背景画像が放射状に広がるスライダークリックすると背景画像を円形にマスクしながら波紋のように広がる、シンプルなレスポンシブ対応スライダー。CodyHouseカーテンが左右に開くようなエフェクト画面をクリックするとカーテンが左右に開閉する動きをします。いった動きを取り入れているサイトが少ないようなのでメモ。CSS-Tricksサーチボックスの省スペースアイデアサーチボックスが左右に動いたりオーバーレイしたりするのではなく、ヘッダー上部にスライドする省スペースアイデア。ideaパーティクルバブル・ラインなどの模様がパーティクル(粒子や煙・葉など自然に存在する不規則な形)に3Dに拡散するかのようなエフェクト。Effects異常感を出せるグリッチエフェクトグリッチは故障・欠陥やエラーのことを指しますが、まさにこれは404ページに使うと異常感を出せそうなグリッチエフェクト。CodePen.マウスの位置を感知し、連動して傾きを付与するエフェクト。Greensock横スクロールのテーブル横スクロールする製品比較表。CodyHouseメール入力フォームメールアドレスを最後まで入力されたのを感知して、送信ボタンを押せるようにしたUI。投稿者:commte株式会社コムテ代表取締役。2015/8:弊社にてWeb制作スクールを開始。した話し方をするおっさん。見ているだけでデザインの参考になりそうなテンプレートや、無駄な作業2014/11/10知っておくと便利!あのサイトでさりげなく使われていたCSS小技集2014/12/01:続編である「最近のサイトで使われていたCSS小技集」を書きました。コメントデータの処理方法の詳細はこちらをご覧ください。