jquery的fadein对应css什么样式

html-css011

jquery的fadein对应css什么样式,第1张

@keyframes flash {

0%, 100%, 50% {

opacity:1

}

25%, 75% {

opacity:0

}

}

.flash {

-webkit-animation-name:flash

animation-name:flash

}

想对应的就是让元素从透明度0到1的过程，之间的时间差可以自己定义，不懂的话去看下css3的教程

像这种需求你可以用js或者jQuery编写。

如果不想使用js或者jquery，那么用css的过渡属性代码如下：

鼠标滑入，出现效果

transition: right  .7s ease

right为过渡的属性，可以是宽高，top/lelft/right/bottom/opacity等等。只要记住transition不能过渡display就行。

.7s 为过渡所需要的时间，ease为过渡的样式，是匀速过渡还是先快后慢等等。

如果没有鼠标事件，那么就需要用到css3的动画，animation。css3的动画详情卡查看https://mengkedu.com/