用CSS滤波器实现色彩梯度翻转效果
本文主要介绍使用CSS过滤效果实现渐进翻转效果的代码。没有朋友可以向萧边学习在一起。后来,不难实现渐进的翻转效果。它是利用CSS过滤效果来实现渐变的代码,需要的朋友可以参考一下。
复制代码代码如下所示:
文件
DDF {。
保证金:0汽车;
宽度:150px;
身高:125px;
背景:# 92b901;
颜色:# ffffff;
字体粗细:粗体;
字体:12px微软雅黑,Verdana,Arial,Helvetica,sans-serif;
填料:20px 10px 0px 10px;
-moz过渡性质:宽度,高度,- o-transform,背景,字体大小,不透明度;
-个过渡时间:1秒,1秒,1秒,1秒,1秒,1s;
过渡属性:宽度、高度、变换、背景、字体大小、不透明度;
转换持续时间:1s,1s,1s,1s,1s,1s;
边界半径:5px;
不透明性:0.4;
}
DDF:悬停{。
-moz变换:旋转(360deg);
变换:旋转(360deg);
不透明性:1;
背景:# 1ec7e6;
宽度:90px;
身高:60px;
字体大小:16px;
}
把乐趣
变换:旋转(360deg)CSS;旋转顺时针旋转,默认参数例如:360deg
转换属性:过滤,后面是需要过滤的属性,如宽度、高度、变换、背景、字体大小,
转换持续时间:随后是相应筛选器属性的执行时间。不透明度:不透明。从0(完全透明)到1(完全不透明)。