WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Animations and Effects

Ribbon Wrap - CSS3 Hover Animation

— アドオンWorldWideScripts.netへ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envatoに従ってください

私に従ってくださいとすぐにこのスタイルでHTML5のビデオプレーヤーのために目を光らせる!

リボンラップ - ホバー効果よりもはるかに

あなたはリボンが後ろから出てきやラップアラウンドし、要素の上に置きます。CSSのリボンが最終的に移動します。

このCSS3のツールで無限の可能性があります。 これは、実装するために超簡単だし、プリセットの色やスタイルがたくさんある(ただし、カスタマイズは簡単です!)。

完全にこのことがどのようにクールを理解するためにビデオプレビューを表示するようにしてください!

私は何のためにそれを使用することができますか?

画像のタイトル&説明

イラストハリー・テナント

リボンラップは、画像、説明、写真クレジット、イラストのタイトル、または任意の他、あなたが考えることができるための美しいホバーエフェクトとして使用することができます!

コンテンツとそれを混ぜます

、クールしようと1クールことをするとき最初の事は覚えています。 この数は1つのルールのヒントはクールであること

リボンラップは、コンテンツの通常のフローの一部であることがインラインエレメントと同様に処理することができ、またはそれはホバーだときに、コンテンツを覆うように配置することができます。 リボンラップの静的モードを使用して、任意のアニメーションをすることなく、より "伝統的な" CSSリボンとして扱うことができます。

社会ストリップ

ソーシャルメディア

ホバー時にソーシャルメディアのアイコンのストリップはあなたの選択した要素の上にスライドさせてきました。

ツールストリップ

ツール

工具スタイルアイコンの代わりに使用することができます。 でも垂直設定があります。

特徴

  • 純粋なCSS3アニメーション
  • 8色のカラーバリエーション - あなた自身の作るのは簡単!
  • 色で行くために5余分なスタイル
  • 3速度設定
  • スーパーシンプルなマークアップ
  • 幻想的安定かつ柔軟な - ほとんどすべての既存の設計に追加することができます
  • CSS3のトランジションをサポートしていないブラウザで優雅に分解する
  • 小さなファイルサイズは、コアのCSSファイルには13.7キロバイトです!
  • (両方の明るさと暗さの変化で)19アイコンのセットに加えて、空白のアイコンでパッケージ化
  • フォントサイズやフォントは、独自のCSSで純粋に決定します
  • CSSファイルは、簡単にファイルサイズの最適化を可能にする「コア」(13.7キロバイト)と「色」(48.5キロバイト)に分割
  • 即応性と流体のレイアウトのための完璧な - 任意の幅で自動的に動作します!
  • 6異なる完全にコメントサンプルファイル(各含む複数の例)を備えて素晴らしいドキュメント。

ブラウザのサポート

  • クローム:フルアニメーション
  • サファリ:フルアニメーション
  • Firefoxの:フルアニメーション
  • オペラ:フルアニメーション
  • IE8、IE9:ホバリング時無アニメーション、リボンが瞬時に表示されます

リボンプレーヤーとの互換性

この項目はと互換性のあるリボンプレーヤー 、同じリボンアニメーションを使用してHTML5のビデオプレーヤー。 組み合わせ方法についての詳細はリボンプレーヤーの文書に含まれています。

BigFat -単一ページフィルター可能ポートフォリオHTML5

ILLUSTRATIC VIDEO

チェックアウトすることを確認しますBigFat、リボンラップと同様の要素を使用して、私のHTMLテンプレートを。 これら2つの項目が結合することはできませんのでご注意ください。

クレジット

プレビュークレジット

テンプレートクレジット

*ハリーテナントは私の個人的な友人であり、私にこのような方法で彼の作品を使用する許可を与えています。


ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

作成:
6月8日12

最終更新:
N / A

推奨ブラウザ:
IE8、IE9、Firefoxの、サファリ、オペラ、クローム

含まれるファイル:
HTML、CSS

ソフトウェアバージョン:
CSS2、CSS3

キーワード

eコマース, eコマース, 全商品, アニメーション, キャプション, 色, CSS3, 効果, ホバー, HTML5, プレイヤー, リボン, リボン, 転がる, スライド, タイトル, ビデオ