CSS3 中的动画功能 VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本套课程主要讲解 CSS3 中的动画功能,Transitions 功能,Animations 功能和实现动画的方法。使用 Animations 实现动画效果要比使用 Transform 实现动画效果复杂。

    1.Transitions 功能 00:06:17

    本课时介绍 Transitions 功能,在 CSS3 中,Transitions 功能通过将元素的某一个属性从一个属性值指定的时间内平滑过渡到另外一个属性值来实现动画功能。

    2.Animations功能 00:04:42

    本课时讲解 Animations 功能,Animations 功能与 Transitions 功能相同,但是,Animations 实现的动画效果要比 Transitions 实现的动画效果更具有客观性。

    3.实现动画的方法 00:05:57

    本课时讲解实现动画的方法,包含,linear、ease-in、ease-out、ease、ease-in-out,使用不同的动画方法,可以让动画以不同的方式进行执行。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

CSS3 中的动画功能

3课时,17分钟2015-06-12
iwen
iwen

极客学院金牌布道师

课程背景:
在 CSS3 中,如果使用动画功能,可以使页面上的文字货画像具有动画效果,可以使用背景色从一种颜色平滑过渡到另一种颜色。在元素上添加上动画效果之后,可以使元素更具有客观性。

核心内容:
Transitions.Animations

软件环境:WebStrom

是否提供资料:

课程等级:初级

适合人群:
具有一定CSS基础
  • 技术问答
  • 1

    Transitions 功能

    06:17

    本课时介绍 Transitions 功能,在 CSS3 中,Transitions 功能通过将元素的某一个属性从一个属性值指定的时间内平滑过渡到另外一个属性值来实现动画功能。

  • 2

    Animations功能

    04:42

    本课时讲解 Animations 功能,Animations 功能与 Transitions 功能相同,但是,Animations 实现的动画效果要比 Transitions 实现的动画效果更具有客观性。

  • 3

    实现动画的方法

    05:57

    本课时讲解实现动画的方法,包含,linear、ease-in、ease-out、ease、ease-in-out,使用不同的动画方法,可以让动画以不同的方式进行执行。

相关课程

  • CSS3背景与边框相关样式

    本课程讲解CSS3背景与边框相关样式,包含与背景相关的新增属性,在一个元素中显示多个背景图像,圆角边框的绘制和使用图像边框。

    3课时 22分钟
    初级
    20989人学习
  • CSS3 选择器详解(三)

    本套课程主要讲解 CSS3 选择器,主要了解UI元素状态伪类选择器,包含 hover、focus、active、checked、enabled、disabled 和通用兄弟元素选择器

    3课时 13分钟
    初级
    19923人学习
  • CSS3 文字与字体相关样式

    本套课程主要讲解 CSS3 文字与字体相关样式,包含给文字添加阴影,让文本自动换行,让长单词与URL地址自动换行,使用服务器端字体和修改字体种类而保持字体尺寸不变。

    3课时 19分钟
    初级
    20128人学习
  • CSS3 中的变形处理

    本套课程主要讲解 CSS3 中的变形处理,包含 Transform 功能的基础知识,对一个元素使用多种变形的方法和指定变形的基准点。掌握通过 transform 属性来使用transform功能。

    3课时 13分钟
    初级
    16949人学习