为了账号安全,请及时绑定邮箱和手机立即绑定
  • text-shadow可以用来设置文本的阴影效果。 text-shadow(x轴阴影偏移量,y轴阴影偏移量,阴影模糊度,阴影颜色)
    查看全部
  • background-image:linear-gradient(第一个参数:指定渐变方向,第二个和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值。).参数:to top 从上向下;to right从左向右;to bottom 从上向下;to left 从右向左;to top left右下角到左上角; to top right左上角到右上角。
    查看全部
  • “:nth-last-of-type(n)”选择器和“:nth-of-type(n)”选择器是一样的,选择父元素中指定的某种子元素类型,但它的起始方向是从最后一个子元素开始,而且它的使用方法类似于上节中介绍的“:nth-last-child(n)”选择器一样。
    查看全部
  • “:last-of-type”选择器和“:first-of-type”选择器功能是一样的 不同的是他选择是父元素下的某个类型的最后一个子元素。
    查看全部
  • 奇数的三种表示法。 2n+1 2n-1 odd
    查看全部
  • :first-of-type”选择器类似于“:first-child”选择器 不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。
    查看全部
  • 与nth-child(n)一样,当n是一个整数的时候都是从1开始的
    查看全部
  • :nth-child(n)”选择器中的n为一个表达式时,其中n是从0开始计算,当表达式的值为0或小于0的时候,不选择任何匹配的元素
    查看全部
  • :last-child”选择器选择的是元素的最后一个子元素。
    查看全部
  • :first-child即第一个子元素 注:冒号两边没有空格。
    查看全部
  • 1.点击以后才会触发 2.触发url后指定的id元素
    查看全部
  • <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>嵌入字体</title> <style type="text/css"> @font-face { font-family: "MOOC Font"; src: url("http://www.imooc.com/Amaranth-BoldItalic.otf"); } .demo { width: 340px; padding: 30px; color: #566F89; background: #000; font-size:58px; font-family: "MOOC Font"; } </style> </head> <body> <div class="demo">IMOOC</div> </body> </html>
    查看全部
  • 选择没有任何内容的元素(包括空格不算)
    查看全部
  • :冒号前后都不能有空格
    查看全部
  • animation-delay:是用来指定元素动画开始时间。取值为<time>为数值,单位为s(秒),其默认值也是0。这个属性和transition-delayy使用方法是一样的。 animation-name:是用来定义一个动画的名称,其主要有两个值:IDENT是由Keyframes创建的动画名,换句话说此处的IDENT要和Keyframes中的IDENT一致,如果不一致,将不能实现任何动画效果;none为默认值,当值为none时,将没有任何动画效果。另外我们这个属性跟前面所讲的transition一样,我们可以同时附几个animation给一个元素,我们只需要用逗号“,”隔开。 animation-duration是用来指定元素播放动画所持续的时间长,取值:<time>为数值,单位为s (秒.)其默认值为“0”。这个属性跟transition中的transition-duration使用方法是一样的。 animation-timing-function:是指元素根据时间的推进来改变属性值的变换速率,说得简单点就是动画的播放方式。他和transition中的transition-timing-function一样,具有以下六种变换方式:ease;ease-in;ease-in-out;linear;cubic-bezier。具体的使用方法大家可以点这里,查看其中transition-timing-function的使用方法。 animation-iteration-count是用来指定元素播放动画的循环次数,其可以取值<number>为数字,其默认值为“1”;infinite为无限次数循环。
    查看全部
    0 采集 收起 来源:CSS3中调用动画

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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