(閉じる)

はてなブックマーク > コンピュータ・IT > 確実に進化している！CSS3アニメーションで実装する...

確実に進化している！CSS3アニメーションで実装する10種類のナビゲーション | コリス

coliss.com

タグ :

コンピュータ・IT 454 users このエントリーをはてなブックマークに追加

確実に進化している！CSS3アニメーションで実装する10種類のナビゲーション | コリス

Example 10 エレメントのサイズとカラーを変更し、重なり順も変更。 実装 HTML HTMLの構造は、アイコン、メインテキスト、サブテキスト、3つをli要素に含めます。 <ul class="ca-menu"> <li> <a href="#"> <span class="ca-icon">A</span> <div class="ca-content"> <h2 class="ca-main">Exceptional Service</h2> <h3 class="ca-sub">Persona... > このページを見る

最終更新時間: 2011年10月26日08時39分
▼ブログで紹介する

みんなのブックマーク 人気（0） 新着

  • works_ma works_ma ,
    　http://tympanus.net/Tutorials/CreativeCSS3AnimationMenus/ 2012/04/20
  • ayakusa_mangetu ayakusa_mangetu
    アニメーション 2011/11/26
  • s5-style s5-style , ,
    Flashはもちろん、jQueryなどのJavaScriptも使用せずに、CSS3アニメーションのかっこいいナビゲーションを実装するチュートリアルまとめ 2011/11/03
  • kireifish kireifish , ,
    スーパーまとめ。javascriptもJQueryも使わない。ダウンロードと解説付き！これはやらないと！ 2011/11/02
  • ta3310 ta3310
    IEは10から対応かぁ。 2011/10/29
  • HirO_Koizumi HirO_Koizumi , ,
    CSS3アニメーションもう一個 2011/10/29
  • glat_design glat_design , , ,
    全部くそかっこいい。なにこれ 2011/10/27
  • tunacook tunacook ,
    どーもデジャブがすると思ったら、jQueryで同じ感じのをやってたっけか。これをCSSアニメーションだけでやったわけね。使えるとこないかなあ 2011/10/27
  • lotus_tribal lotus_tribal
    うひょおお！Example 7かっちょええええ！！CSS3ってすごいな・・！ 2011/10/27
  • Tesh Tesh
    ……全部見てみたが、目が痛くならない？／こういう鬱陶しい演出が方々で使われ、プラグインを切って回避することもできない、それがHTML5の正体。JavaScriptが忌避されていた時代を皆忘却しているとしか思えない。 2011/10/27
  • iww iww
    operaだとガックガクになる。firefoxではアニメしない。chromeは実にスムーズに動く 2011/10/27
  • choromo choromo ,
    Flashはもちろん、jQueryなどのJavaScriptも使用せずに、CSS3アニメーションのかっこいいナビゲーションを実装するチュートリアルを紹介します。 01：エレメントのサイズ変更、背景カラーを変更。 02：アイコンのサイズ変更、 2011/10/27

はてなブックマークを使ってみる(無料)
はてなブックマークって？
はてなブックマークはオンラインでブックマークを管理・共有できる無料サービス。自宅、職場、外出先、どこからでも同じブックマークにアクセスできます。ユーザーはみんなでブックマークを共有して効率良く情報収集しています。あなたもはてなブックマークを始めてみませんか?