响应式布局演示
- .wtl .wtc .wtr分别表示左中右
- .wt*表示块宽度的百分比如.wt2
- .wt5 .wt10 .wt20 .wt30 .wt40
- .wt50 .wt60 .wt70 .wt80 .wt90
- .wt16 .wt25 .wt32 .wt48 .wt96
- .ht*表示块高度的百分比如.ht2
- .ht5 .ht10 .ht20 .ht30 .ht40
- .ht50 .ht60 .ht70 .ht80 .ht90
- .ht16 .ht25 .ht32 .ht48 .ht96
- .bg1-.bg6表示六种不同的背景图片
响应式布局演示
左 .wtl
右 .wtr
中 .wtc
宽 .wt16
宽 .wt25
宽 .wt32
背景 bg2
背景 bg3
背景 bg1
背景 bg5
背景 bg6
响应式布局演示
高 .ht5
高 .ht10
高 .ht20
高 .ht25
高 .ht30
高 .ht16
高 .ht32
高 .ht48
动画效果演示
- Seekers
- Flippers
- Specials
- Lightspeed
- Zoom Exits
- Zoom Entrances
- Fading Exits
- Fading Entrances
- Bouncing Exits
- Bouncing Entrances
- Rotating Exits
- Rotating Entrances 动画效果展示 时间较长
Seekers
bounce flash pulse rubberBand
shake swing tada wobble
Flippers Specials Lightspeed
flip flipInX flipInY
hinge rollIn rollOut
lightSpeedIn lightSpeedOut
Zoom Entrances
zoomIn zoomInDown zoomInLeft
zoomInRight zoomInUp
Fading Entrances
fadeIn fadeInDown fadeInDownBig
fadeInLeft fadeInLeftBig fadeInRight
fadeInRightBig fadeInUp fadeInUpBig
Bouncing Entrances
bounceIn bounceInDown bounceInLeft
bounceInRight bounceInUp
Rotating Entrances
rotateIn rotateInDownLeft
rotateInDownRight rotateInUpLeft
rotateInUpRight
HTML5 TEMPLATE
扫码关注学习笔记（NetXXBJ）
制作：石头(@cqustone)
转载务必注明来源
素材来源于网络