CSS3 中的变形处理 认证专享

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

    目录 收起>

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

    1.transform 功能的基础知识 00:05:44

    本课时讲解 transform 功能的基础知识,可以利用 transform 功能来实现文字或者图像的旋转,缩放,倾斜和移动这四种类型的变形处理。

    2.对一个元素使用多种变形的方法 00:04:18

    本课时讲解对一个元素使用多种变形的方法,而且在一个元素中可以同时添加多个变形处理,是元素有更好的表现效果。

    3.指定变形的基准点 00:03:13

    本课时讲解指定变相的基准点,在使用 transform 方法进行文字或图像的变形时,是以元素的中心点为基准点进行的。此时可以通过 transform-origin 属性改变元素的基准点。
  • 提问

    提交问题
  • 下载

  • 线路

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

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

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

CSS3 中的变形处理

3课时,13分钟
iwen
iwen

极客学院金牌布道师

课程背景:
在 CSS3 中,可以利用 transform 功能来实现文字或者图像的旋转,缩放,倾斜和移动这四种类型的变形处理。而且在一个元素中可以同时添加多个变形处理,是元素有更好的表现效果。

核心内容:
transform.rotate.scale.translate.skew

软件环境:WebStrom

是否提供资料:

课程等级:初级

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

    transform 功能的基础知识

    05:44

    本课时讲解 transform 功能的基础知识,可以利用 transform 功能来实现文字或者图像的旋转,缩放,倾斜和移动这四种类型的变形处理。

  • 2

    对一个元素使用多种变形的方法

    04:18

    本课时讲解对一个元素使用多种变形的方法,而且在一个元素中可以同时添加多个变形处理,是元素有更好的表现效果。

  • 3

    指定变形的基准点

    03:13

    本课时讲解指定变相的基准点,在使用 transform 方法进行文字或图像的变形时,是以元素的中心点为基准点进行的。此时可以通过 transform-origin 属性改变元素的基准点。

相关课程

  • CSS3盒子相关样式

    本套课程主要讲解CSS3盒子相关样式,包含盒子的类型,对于盒子中容纳不下的内容的显示,对盒子使用阴影,指定针对元素的宽度与高度的计算方法

    3课时 20分钟
    初级
    22384人学习
  • CSS3背景与边框相关样式

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

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

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

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

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

    3课时 19分钟
    初级
    20306人学习