为了账号安全,请及时绑定邮箱和手机立即绑定
  • perspective 属性定义 3D 元素距视图的距离,以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。 当为元素定义 perspective 属性时,其子元素会获得透视效果,而不是元素本身。 注释:perspective 属性只影响 3D 转换元素。
    查看全部
  • a为元素的水平伸缩量,1为原始大小; b为纵向扭曲,0为不变; c为横向扭曲,0不变; d为垂直伸缩量,1为原始大小; e为水平偏移量,0是初始位置; f为垂直偏移量,0是初始位置
    查看全部
  • 根据变形transform和过渡transition等内容,实现3D旋转动画下拉导航 @font-face 引入本地字体文件 font-fanily 调用本地字体 设置3D效果 perspective 透视变形 background-image:linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480)
    查看全部
  • “:root”选择器等同于<html>元素,简单点说: :root{background:orange} html {background:orange;} 得到的效果等同。
    查看全部
  • 变形transform和过渡transition perspective 属性定义 3D 元素距视图的距离,以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。 当为元素定义 perspective 属性时,其子元素会获得透视效果,而不是元素本身。 注释:perspective 属性只影响 3D 转换元素。
    查看全部
  • 设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。 语法: background-size: auto | <长度值> | <百分比> | cover | contain 取值说明: 1、auto:默认值,不改变背景图片的原始高度和宽度; 2、<长度值>:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放; 3、<百分比>:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值,当设置一个值时同上; 4、cover:顾名思义为覆盖,即将背景图片等比缩放以填满整个容器; 5、contain:容纳,即将背景图片等比缩放至某一边紧贴容器边缘为止。
    查看全部
  • 用来将背景图片做适当的裁剪以适应实际需要。 语法: background-clip : border-box | padding-box | content-box | no-clip 参数分别表示从边框、或内填充,或者内容区域向外裁剪背景。no-clip表示不裁切,和参数border-box显示同样的效果。backgroud-clip默认值为border-box。
    查看全部
  • @font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。 语法: @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } 这样设置之后,就可以像使用普通字体一样在(font-*)中设置字体样式。 比如: p { font-size :12px; font-family : "My Font"; /*必须项,设置@font-face中font-family同样的值*/ }
    查看全部
  • @font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。
    查看全部
  • width:100px; height:100px; box-shadow:4px 4px 6px #666, /*外阴影右下角*/ -10px -6px 6px green, /*外阴影左上角*/ 4px 4px 4px blue inset, /*内阴影左上角*/ -5px -5px 6px red inset, /*内阴影右下角*/ -8px 10px 4px #4c221b inset, /*内阴影右上角*/ 10px -8px 4px #ff7500 inset; /*内阴影左下角*/
    查看全部
  • 真好1231
    查看全部
  • a为元素的水平伸缩量,1为原始大小; b为纵向扭曲,0为不变; c为横向扭曲,0不变; d为垂直伸缩量,1为原始大小; e为水平偏移量,0是初始位置; f为垂直偏移量,0是初始位置
    查看全部
  • CSS3中设置动画时间外属性 animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值:none、forwards、backwords和both。 none:默认值,表示动画将按预期进行和结束,在动画完成其最后一帧时,动画会反转到初始帧处; forwards:表示动画在结束后继续应用最后的关键帧的位置; backwards:会在向元素应用动画样式时迅速应用动画的初始帧; both:元素动画同时具有forwards和backwards效果.
    查看全部
  • CSS3中设置动画的播放状态 animation-play-state属性主要用来控制元素动画的播放状态。 参数:其主要有两个值:running和paused。 div{ animation-play-state:paused; } div:hover{ animation-play-state:running; }
    查看全部
  • CSS3中设置动画播放方向 animation-direction属性主要用来设置动画播放方向,其语法规则如下: animation-direction:normal | alternate [, normal | alternate]* alternat的作用是,动画播放在第偶数次向前播放,第奇数次向反方向播放。
    查看全部

举报

0/150
提交
取消
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!