animate.css动画初始状态隐藏

html-css015

animate.css动画初始状态隐藏,第1张

在使用animate.css会做移动端的css动画,PC端的结合jquery.fullpage.js就能做一个全屏滚动的企业网站,但初始状态下需要隐藏有动画的元素

可以给animated类添加opacity:0属性 ,动画在开始状态是隐藏的,当动画元素出现在屏幕可视区域,动画会自动执行,执行完动画会保持最后一个状态不变,也就是不会隐藏,但使用是有前提的!!敲重点

在animate.css中能使用这种方法的动画类名只有和fadeIn相关的才能用 ,fadeIn、fadeInUp、fadeInDown、fadeInLeft、fadeInRight都可以使用

像slideInUp这些slideIn相关的都不能使用

怎么一个节日过的把百度过穷了、??回答问题的人少了。

a:link是连接

后面的为活动连接

连接访问

和访问过的,当用到这条时,你可直接调用style里的这个连接属性:比如

.shopu{

a:link

a:visited

a:active

a:hover}

你只需要在连接字的font

属性里加上这样一句就行了:

<font

calss="shopu">首页</font>就可以实现你定的连接样试了其它的还多,如果你想学,看看书,和用dw做一个,很快的。给你一个例字:

<sytle>

body,td,th

{

font-size:

12px

}

a

{

font-size:

12px

}

a:link

{

text-decoration:

none

}

a:visited

{

text-decoration:

none

}

a:hover

{

text-decoration:

none

}

a:active

{

text-decoration:

none

}

.style1

{color:

#003366}

body

{

margin-left:

0px

margin-top:

1px

margin-right:

0px

margin-bottom:

0px

}

</style>

<table><tr><td

calss="style1"><a

...>我的例字</a></td></tr></table>

这样就有效果了