CSS动画
CSS3动画样式,包含渐变,摇晃,震动,旋转等丰富的前端效果。
淡入淡出
使元素具备淡入淡出显示效果,点击按钮即可预览动画。
淡入动画
(点击按钮即可预览动画,单独写的js,跟putuer无关)
淡入动画
淡入.fadein
上淡入.fadein-top
右淡入.fadein-right
下淡入.fadein-bottom
左淡入.fadein-left
淡出动画
(点击按钮即可预览动画,单独写的js,跟putuer无关)
淡出动画
淡出.fadeout
上淡出.fadeout-top
右淡出.fadeout-right
下淡出.fadeout-bottom
左淡出.fadeout-left
强调动画
提示的强调CSS动画效果。
强调动画
(点击按钮即可预览动画,单独写的js,跟putuer无关)
弹跳.bounce
弹入.bouncein
弹出.bounceout
转入.rotatein
转出.rotateout
闪烁.flash
震颤.shake
摇摆.swing
摇晃.wobble
震铃.ring
强调动画-悬浮效果
(鼠标悬浮即可实现相关效果)
弹跳.bounce-hover
悬浮效果没有 弹入.bouncein,弹出.bounceout,转入.rotatein,转出.rotateout
闪烁.flash-hover
震颤.shake-hover
摇摆.swing-hover
摇晃.wobble-hover
震铃.ring-hover
旋转
(持续旋转动画)
旋转:
悬浮旋转:
动画
淡入淡出
强调动画