为了账号安全，请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
获取体验码
十天精通CSS3_学习笔记_慕课网
为了账号安全，请及时绑定邮箱和手机立即绑定
精品课程 十天精通CSS3

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 石头的守望
    transform:rotate(20deg);是对块元素进行20度的顺时针旋转。当外面块进行旋转时，里面的内容跟着旋转。正值是顺时针旋转，负值是逆时针旋转。
    查看全部
    0 采集 收起 来源：CSS3变形--旋转 rotate()

    2017-04-17

  • 浮屿散人
    /*3.制作导航分隔线*/ .nav li{background:linear-gradient(to bottom,#dd2926,#a82724,#dd2926) no-repeat right / 1px 15px;}
    查看全部
    0 采集 收起 来源：CSS3背景 制作导航菜单综合练习题

    2017-04-17

  • 浮屿散人
    .nav li:last-child{background:none;} 删除最后一个导航分割线
    查看全部
    0 采集 收起 来源：CSS3背景 制作导航菜单综合练习题

    2017-04-17

  • qq_伯伯伯亮_0
    column-span:定义一个分列元素能跨列多少； none:不跨越任何列 all:跨越所有列 nth-child(2n):跨越偶数列 column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多
    查看全部
    0 采集 收起 来源：CSS3 跨列设置column-span

    2017-04-17

  • Penny_lean
    Chrome 和 Safari 需要前缀 -webkit-；Foxfire 需要前缀 -moz-。 animation-name: myMove; 规定@keyframes动画的名称 animation-duration: 3s; 规定动画完成一个周期所花费的秒或毫秒 animation-timing-function: step-end; 规定动画的速度曲线 step-start 马上跳转到动画结束状态 step-end 保持动画开始状态，直到动画执行时间结束，马上跳转到动画结束状态 animation-delay: 3s; 规定动画何时开始。默认是0 animation-iteration-count: 3; 规定动画被播放的次数。默认是1 infinite 指定动画应该播放无限次 animation-direction: alternate; 定义是否循环交替反向播放动画。默认“normal” reverse 动画反向播放 alternate 动画在奇数次（1、3、5...）正向播放，在偶数次（2、4、6...）反向播放 alternate-reverse 动画在奇数次（1、3、5...）反向播放，在偶数次（2、4、6...）正向播放 animation-play-state: running; 动画的播放状态 paused 指定暂停动画 running 指定正在运行的动画 animation-fill-mode：属性定义在动画开始之前和结束之后发生的操作。 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果 简单的说就是告诉动画在第一关键帧上等待动画开始，或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果。 @keyframes是关键帧 创用百分比来规定变化发生的时间 在@keyframes中，其中0%和100%还可以使用关键词from和to来代表，其中0%对应的是from，100%对应的是to。
    查看全部
    0 采集 收起 来源：CSS3 Keyframes介绍

    2017-04-17

  • 慕UI0103114
    CSS3中的变形--扭曲 skew() 扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。
    查看全部
    0 采集 收起 来源：CSS3中的变形--扭曲 skew()

    2017-04-17

  • qq_伯伯伯亮_0
    CSS3 列表边框column-rule column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。 语法规则： column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color> 属性值 属性值说明 column-rule-width 类似于border-width属性，主要用来定义列边框的宽度，其默认值为“medium”，column-rule-width属性接受任意浮点数，但不接收负值。但也像border-width属性一样，可以使用关键词：medium、thick和thin。 column-rule-style 类似于border-style属性，主要用来定义列边框样式，其默认值为“none”。column-rule-style属性值与border-style属值相同，包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。 column-rule-color 类似于border-color属性，主要用来定义列边框颜色，其默认值为前景色color的值，使用时相当于border-color。column-rule-color接受所有的颜色。如果不希望显示颜色，也可以将其设置为transparent(透明色) 例如：为了能有效区分栏目列之间的关系，可以为其设置一个列边框，代码为： column-rule: 2px dotted green;
    查看全部
    0 采集 收起 来源：CSS3 列表边框column-rule

    2018-03-22

  • 沉迷学习日渐消瘦QAQ
    学到这里了
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—nth-child(n)

    2017-04-17

  • 慕UI0103114
    旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。
    查看全部
    0 采集 收起 来源：CSS3变形--旋转 rotate()

    2017-04-17

  • qq_伯伯伯亮_0
    column-width设置auto ,单设置column-count 就按照百分比自动分栏啦 Columns给一个父标签设置，让其文本多列布局排版 column-width: 定义多列中每列的宽度 column-count: 定义多列中的列数 column-gap: 定义列与列之间的间距 column-rule: 定义列与列之间的边框宽度、边框样式和边框颜色。 column-span: 定义一个分列元素中的子元素能跨列多少。
    查看全部
    0 采集 收起 来源：CSS3 多列布局——Columns

    2017-04-17

  • qq_伯伯伯亮_0
    transform:translateZ(-25px) rotateX(90deg); translateZ（-25px）表示在z轴移动25px.rotateX(90deg)表示沿着x轴旋转90度、就屏幕的角度来讲 就是前后旋转90度
    查看全部
    0 采集 收起 来源：制作3D旋转导航综合练习题

    2017-04-17

  • qq_执念_4
    background-image:linear-gradient(to bottom, red, orange,yellow,green,blue,indigo,violet);;
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2017-04-17

  • qq_伯伯伯亮_0
    在默认情况之下，动画不会影响它的关键帧之外的属性，使用animation-fill-mode属性可以修改动画的默认行为。简单的说就是告诉动画在第一关键帧上等待动画开始，或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果。 animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。其四个属性值对应效果如下： 属性值 效果 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果
    查看全部
    0 采集 收起 来源：CSS3中设置动画时间外属性

    2017-04-17

  • qq_伯伯伯亮_0
    div { width: 200px; height: 200px; border: 1px solid red; margin: 20px auto; } span { display: inline-block; width: 20px; height: 20px; background: orange; transform: translateY(90px); animation-name: move; animation-duration: 10s; animation-timing-function: ease-in; animation-delay: .2s; animation-iteration-count:infinite; animation-direction:alternate; animation-play-state:paused; } div:hover span { animation-play-state:running; } animatioin-play-state:控制动画的播放状态 主要有两值： （1）running:暂停的动画重新播放 （2）paused:暂停 用法类似于上面的代码 把running放在鼠标的事件上 特效
    查看全部
    0 采集 收起 来源：CSS3中设置动画的播放状态

    2017-04-17

  • qq_伯伯伯亮_0
    animation-direction属性主要用来设置动画播放方向，其语法规则如下： animation-direction:normal | alternate [, normal | alternate]* 其主要有两个值：normal、alternate 1、normal是默认值，如果设置为normal时，动画的每次循环都是向前播放； 2、另一个值是alternate，他的作用是，动画播放在第偶数次向前播放，第奇数次向反方向播放。 例如：通过animation-direction属性，将move动画播放动画方向设置为alternate，代码为： animation-direction:alternate;
    查看全部
    0 采集 收起 来源：CSS3中设置动画播放方向

    2017-04-17

首页上一页253254255256257258259下一页尾页

举报

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

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

查看已购买的课程