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实现跑步 https://www.cnblogs.com/PeunZhang/p/3685980.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/