10個超酷CSS3 hover 效果

text-hover-effect-11

DR今天跟你分享來自11個超帥的文字Hover懸停效果,這些文字鼠標懸停特殊非常有動感,也許會成為未來的設計趨勢,推薦設計師們觀看,絕對能給你帶來靈感,而前端人員也要學習學習這些效果的使用,有的是使用了新的CSS屬性和配合SVG才能實現。

 

效果 Demo :

text-hover-effect-01

 

text-hover-effect-02

 

text-hover-effect-03

 

text-hover-effect-04

 

text-hover-effect-05

 

text-hover-effect-06

 

text-hover-effect-07

 

text-hover-effect-08

 

text-hover-effect-09

text-hover-effect-10

 

text-hover-effect-11

教學 : http://tympanus.net/codrops/2015/05/13/inspiration-for-text-styles-and-hover-effects/

Demo : http://tympanus.net/Development/TextStylesHoverEffects/

 

One thought on “10個超酷CSS3 hover 效果

  1. 請問可推薦以下條件的設計師或告知何處去登這樣的招人啟事嗎?Looking for an awesome UX/UI designer who is really strong in CSS3/HTML5 that may be interested in freelance work. Must be able to implement his/her design in front end code. Highly preferable if he/she is familiar with best practices for CSS organization such as SMACSS or similar.

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

你正使用 WordPress.com 帳號留言。 登出 / 變更 )

Twitter picture

你正使用 Twitter 帳號留言。 登出 / 變更 )

Facebook照片

你正使用 Facebook 帳號留言。 登出 / 變更 )

Google+ photo

你正使用 Google+ 帳號留言。 登出 / 變更 )

連結到 %s