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

訂閱我們的飼料,以保持最新

新!跟隨我們,你想要它


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

遵循ENVATO

跟我在這風格留意的HTML5視頻播放器登場!

絲帶包裹 - 比懸停效果更

您將鼠標懸停在該元素,絲帶從後面滑出,並環繞。CSS絲帶終於動。

沒有與此CSS3工具無限的可能性。 這是超級容易實現,並有大量的預設顏色和樣式(但自定義很簡單!)。

請務必查看視頻預覽,以充分了解如何酷這個東西!

我可以用它來做什麼?

標題和圖片的說明

插圖哈利坦南特

絲帶包裹可以作為一個漂亮的懸浮效果圖像的描述,照片學分,插圖標題,或任何其他你能想到的!

與內容混合它

想涼快的時​​候,一個很酷的第一件事記憶猶新。 這頭號規則提示耍酷

色帶裹可以被視為在內嵌元素成為內容通常的流的一部分,或者可以被定位的方式覆蓋內容時,它的徘徊。 使用色帶纏繞的靜態模式下,它可以被視為更“傳統”的CSS沒有任何動畫色帶。

社會帶

社交媒體

有社會媒體圖標徘徊時滑過您所選擇的元素帶。

工具條

工具

工具式的圖標可用於代替。 甚至還有一個垂直設置。

特點

  • 純CSS3動畫
  • 8種不同顏色 - 容易使自己的!
  • 5額外的樣式去顏色
  • 3速度設置
  • 超級簡單的標記
  • 飛馳的穩定和靈活 - 可以添加到幾乎任何預先存在的設計
  • 緩慢下降在不支持CSS3過渡瀏覽器
  • 微小的文件大小,核心的CSS文件只有13.7kb!
  • 打包帶一套19圖標(在黑暗與光明的變化),加上空白圖標
  • 字體大小和字體由您自己的CSS純粹的確定
  • CSS文件分割成“核心”(13.7kb)和“顏色”(48.5kb)允許更容易文件大小的優化
  • 完美的響應和流體佈局 - 任何寬度自動工作!
  • 神奇的文檔,其中包括6種不同的完全註釋的示例文件(每片含多個實例)。

瀏覽器支持

  • Chrome瀏覽器:全動畫
  • Safari瀏覽器:全動畫
  • 火狐:全動畫
  • 歌劇:全動畫
  • IE8,IE9:沒有動畫,徘徊的時候帶出現瞬間

兼容色帶播放器

此產品兼容色帶播放器 ,使用相同的帶狀動畫的HTML5視頻播放器。 就如何結合的詳細資料包括絲帶播放器的文檔。

BigFat -單頁可篩選組合HTML5

ILLUSTRATIC視頻

請一定要看看BigFat,它採用類似於絲帶包裹元素我的HTML模板。 請注意,這兩個項目不能組合。

積分

預覽積分

模板積分

*哈利坦是我的私人朋友,並給了我允許使用他的作品以這種方式。


下載
此類別中的其他組成部分這個作者的所有組件
評論常見問題和答案

屬性

創建:
12年6月8日

最後更新:
N / A

兼容的瀏覽器:
IE8,IE9,火狐,Safari,歌劇,鉻

包括的文件:
HTML,CSS

軟件版本:
CSS2,CSS3

關鍵字

電子商務, 電子商務, 所有項目, 動漫, 字幕, 顏色, CSS3, 效果, 徘徊, HTML5, 播放機, 色帶, 絲帶, 側翻, 滑, 稱號, 視頻