当今世界,科学技术愈来愈受到重视和关注,无论知名人物还是普通大众,都能体会到这一波奔涌的科技浪潮。你不得不静下心来审视自身,应该怎样运用好这一变革和机遇。帮企翼网整理这篇“css3经常使用动画款式文件move.css--太仓网站建设”;虽然质量一般,但可以一读。如需了解更多干货请看本站推荐区内容。
羽翔网络科学技术是一家专业从事于网站建设,网站营销推广,公司邮箱开通,微信大众号搭建的互联网机构,专一于太仓网站建设,太仓网页设计,一家专业的在太仓做网站的公司.
zoomIn
zoomInDown
outer-circle
arrowTop
expandOpen
fadeIn
fadeInNormal
fadeInUp
fadeInRight
fadeInDown
fadeInLeft
moveDown 上往下进入
moveUp由下往上进入
moveLeft由右往左进入
moveRight由左往 右进入
rotateIn 旋转进入
rotateInDownLeft 左下角切入
rotateInDownRight 右下角切入
reverseRotataZ
flipInY 弹性
flipInX
lightSpeedIn 由右向左进入,
slideDown 由上向下进入 slideUp
slideLeft
slideRight
pullUp 由中间上下折叠展开
pullDown
stretchLeft 中间向两边展开
stretchRight
@keyframes outer-circle {
0% {
transform: scale(1)
}
50% {
transform: scale(.8)
}
100%{
transform: scale(1)
}
}
@-webkit-keyframes outer-circle {
0% {
-webkit-transform: scale(1)
}
50% {
-webkit-transform: scale(.8)
}
100% {
-webkit-transform: scale(1)
}
}
@keyframes arrowTop{
0%{-webkit-transform: translate(0,42px); opacity:0;}
60%{-webkit-transform: translate(0,12px); opacity:1;}
100%{-webkit-transform: translate(0,0); opacity:0;}
}
@-webkit-keyframes arrowTop{
0%{-webkit-transform: translate(0,42px); opacity:0;}
60%{-webkit-transform: translate(0,12px); opacity:1;}
100%{-webkit-transform: translate(0,0); opacity:0;}
}
本站标签
太仓网站建设
太仓做网站
昆山网站建设
昆山网页做
本文转自
css3经常使用动画款式文件move.css--太仓网站建设