タグ

ブックマーク / commte.net (1)

  • [続編] 効率的になった!最近のサイトで使われていたCSS小技集 - コムテブログ

    TL;DR 前回(あのサイトでさりげなく使われていた CSS 小技集)の続きとなります。今回はマウス操作によりインタラクティブな動きを出したり、簡単にボックスを等間隔・等幅にしたりと CSS のみで実現できる方法を書いておきます。 インタラクティブ 1.マウスオーバーで自動スクロールさせる 最近、マウスオーバーで縦長のページを部分的に見せる WordPress テーマが少しづつ出てきました。こちらは簡易的ながらマウスオーバーにて縦長の画像を見せるコードです。長めの画像を用意してはみ出した部分はoverflow: hidden;で隠しながらtransitionで遅延させ擬似的にスクロールしているように見せます。 html <div class="box-fixed"> <div class="field-wrap"> <div class="field-detail"></div> </di

    [続編] 効率的になった!最近のサイトで使われていたCSS小技集 - コムテブログ
    ozzwar
    ozzwar 2014/12/01
  • 1