龙空技术网

超实用的CSS3的三角形特效

恒星网络 475

前言:

现在我们对“css3磨砂玻璃”大约比较看重,兄弟们都想要学习一些“css3磨砂玻璃”的相关知识。那么小编在网络上收集了一些对于“css3磨砂玻璃””的相关内容,希望我们能喜欢,看官们一起来学习一下吧!

效果描述:使用div元素创立一个边长为30px的等边三角形(尖朝上),让该等边三角形以5秒为周期重复的沿着边长为200px的正方形做顺时针运动,起始颜色为红色,到右上角时平滑的渐变为黄色,到右下角时渐变为蓝色,到左下角时渐变为绿色;可以兼容Firefox、Safari、Chrome、Opera浏览器

效果图:

实现代码:

html+js:

css:

标签: #css3磨砂玻璃