实例
以圆缺改相同的速度从开始到结束的过渡效果:扮镇
div
{
transition-timing-function: linear;
-moz-transition-timing-function: linear; /* Firefox 4 */
-webkit-transition-timing-function: linear; /橘判* Safari 和 Chrome */
-o-transition-timing-function: linear; /* Opera */
}
貌似不需要添加任何属性值,默认就是了
animation-timing-function: linear;
-moz-animation-timing-function: linear; /* Firefox 4 */
-webkit-animation-timing-function: linear; /* Safari 和 Chrome */
-o-animation-timing-function: linear; /* Opera */
你在相应的图腔扒片上加上这两伍滚昌句CSS样式备裂应该就可以了:
filter:Alpha(opacity:50);
opacity:0.5;
PNG 本身背景就是透明的,如果是一张图片实现半透明,肆键你可败悉以用css:opacity来调节透明度区间察雹乎是【0,1】,还有一种方式是css3里面的background:rgba(0,0,0,1)分别代表RGB值,最后一个是透明度
background: rgba(255, 255, 255, 0.85) 0.85是透明度的百分比
opacity: 0.4; //IE9◆和世棚非IE透明
background:rgba(0, 0, 0, 0.4); /卖友/搜配则背景透明
filter:Alpha(opacity=40);IE6,7,8
50和0.5是透明握指族度,按自己需要修改吧逗孝。
css代码:
.box{ width:100px; height:100px; background-color:#000; filter:alpha(Opacity=50); opacity: 0.5; }
html代码段弊:
透明区域
以上就是土嘎嘎小编大虾米为大家整理的css透明度动画_css中如何设置透明度相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!