css3效果、js效果合集

css3滑過圖片動畫：

1. http://www.htmleaf.com/Demo/201803085011.html
2. http://www.htmleaf.com/Demo/20141018225.html
3. http://www.htmleaf.com/Demo/201703134400.html
4. http://www.htmleaf.com/Demo/201712014858.html
5. http://www.htmleaf.com/Demo/201703204412.html
6. http://www.htmleaf.com/Demo/201706234592.html
7. http://www.htmleaf.com/Demo/201708074671.html
8. http://www.htmleaf.com/Demo/201703254422.html
9. http://www.htmleaf.com/Demo/20141110445.html
10. http://www.htmleaf.com/Demo/20141010119.html
11. http://www.jq22.com/yanshi4323
12. http://www.17sucai.com/pins/demo-show?id=11444

移動web動畫設計的一點心得——css3實現跑步 http://www.javashuo.com/article/p-micekavu-ck.html

3d翻轉 http://www.17sucai.com/pins/demo-show?id=8294 

純css3鼠標懸停圖片文字切換動畫特效http://www.17sucai.com/pins/demo-show?id=19672 

鼠標滑過邊框線條動畫特效http://www.17sucai.com/pins/demo-show?id=19709

JQuery CSS3懸停感知方向http://www.17sucai.com/pins/demo-show?id=3072

CSS3鼠標HOVER圖片懸停方向感知特效

http://www.htmleaf.com/css3/css3donghua/201705124507.html

http://www.htmleaf.com/Demo/201601183035.html

19種模態窗口http://www.ui3g.com/demos/show/1311/

css3滑過按鈕動畫：

1. http://www.htmleaf.com/Demo/201510282718.html
2. http://www.htmleaf.com/Demo/201708104678.html
3. http://www.htmleaf.com/Demo/201707174634.html
4. http://www.htmleaf.com/Demo/201604133336.html
5. http://www.17sucai.com/pins/demo-show?id=24440
6. http://www.17sucai.com/pins/demo-show?id=17101
7. https://wj704.github.io/css3-demo/button.html

css3菜單漢堡包按鈕：

http://www.htmleaf.com/Demo/201506232094.html

http://www.htmleaf.com/Demo/201608053826.html

http://www.htmleaf.com/Demo/201511302845.html

css3打開菜單動畫：

http://www.htmleaf.com/Demo/201603223248.html

http://www.htmleaf.com/Demo/201507132223.html

http://www.htmleaf.com/css3/daohangcaidan/20141010122.html

 

近20個絢麗實用的jQuery/CSS3側邊欄菜單https://www.imooc.com/article/1707

css3動畫大雜燴：

css3搖晃的相框背景動畫特效：http://www.17sucai.com/pins/demo-show?id=27121

純css3生日快樂煙花動畫特效：http://www.17sucai.com/pins/demo-show?id=26641

 19種基於css3的超華麗模態窗口效果：  http://www.htmleaf.com/Demo/20141014181.html

css3彈窗 https://tympanus.net/Development/ModalWindowEffects/

jQuery和CSS3炫酷手機APP登陸界面特效 http://www.htmleaf.com/jQuery/Layout-Interface/201506081995.html

純css3彩色字體 

    background-image: -webkit-linear-gradient(left, #0ee5ff, #f4ab20 50%, #0ee5ff 50%, #f4ab20 100%, #0ee5ff);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;

 漸變色：https://webgradients.com/   https://www.grabient.com/