全部课程 > 初级 > 重构 > 零基础H5实战-第4步
零基础H5实战-第4步
初级重构 共计13节课 时长00:57:47 ¥29.90 购买
课程介绍
前端基础课程,针对零基础H5实战第4步。H5案例中CSS3的常用属性讲解,绝对的最实用的属性讲解,还涉及CSS3实现动画,所有的内容都是配合小例子讲解,一起开始吧~
课程附件
内容包含2个Word文档
psd源件
内容包含20行代码
下载附件
课程目录
  • 最基础的圆角border-radius
    • 圆角的细节,你都了解吗 ( 00:08:06 )

  • 为元素块和文字添加阴影
    • 阴影小细节,配合小例子 ( 00:05:27 )

  • 各种渐变效果
    • h5案例中,不常用的渐变,也可以了解一下 ( 00:02:35 )

  • 让元素旋转起来rotate
    • transform的常用属性rotate ( 00:04:59 )

  • 大世界小世界元素缩放scale
    • transform的常用属性scale ( 00:01:51 )

  • 样式中的移动translate
    • transform的常用属性translate ( 00:02:19 )

  • 元素的倾斜skew
    • transform的常用属性skew ( 00:03:55 )

  • 实用,但又不经常用的transform-origin
    • transform变形变化的中心点 ( 00:01:39 )

  • 过渡动画属性transition
    • transition的细节 ( 00:05:22 )

  • 实用,又经常用的动画animation
    • 动画animation和keyframes规则(必学) ( 00:07:20 )

  • 强大的CSS3动画库animate.css
    • 让你编写动画变快的CSS3动画库 ( 00:07:16 )

  • 实战 《小五情书》CSS动画实现
    • 动手实战《小五情书》的首屏动画部分 ( 00:06:24 )

  • 小总结
    • 动手实战《小五情书》的首屏动画部分 ( 00:00:34 )