为了账号安全,请及时绑定邮箱和手机立即绑定
  • 2d/3d转换属性 -ms-transform /* IE 9 */ -moz-transform /* Firefox */ -webkit-transform /* Safari and Chrome */ -o-transform /* Opera */ Internet Explorer 10、Firefox、Opera 支持 transform 属性。 Internet Explorer 9 支持替代的 -ms-transform 属性(仅适用于 2D 转换)。 Safari 和 Chrome 支持替代的 -webkit-transform 属性(3D 和 2D 转换)。 Opera 只支持 2D 转换。 过渡属性 Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition-property 属性。 Safari 支持替代的 -webkit-transition-property 属性。 Internet Explorer 9 以及更早版本的浏览器不支持 transition-property 属性。 动画 Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性。 Chrome 和 Safari 需要前缀 -webkit-。 Internet Explorer 9,以及更早的版本,不支持 @keyframe 规则或 animation 属性。
    查看全部
  • 目前浏览器都不支持 @keyframes 规则。 Firefox 支持替代的 @-moz-keyframes 规则。 Opera 支持替代的 @-o-keyframes 规则。 Safari 和 Chrome 支持替代的 @-webkit-keyframes 规则。 语法: @keyframes animationname {keyframes-selector {css-styles;}} 参数: animationname 必需。定义动画的名称。 keyframes-selector 必需。动画时长的百分比。 合法的值: 0-100% from(与 0% 相同) to(与 100% 相同) css-styles 必需。一个或多个合法的 CSS 样式属性。
    查看全部
  • 必须学习一下
    查看全部
  • 不太明白
    查看全部
  • 制作3D旋转视频展示区
    查看全部
  • butonhfrenbianlv
    查看全部
  • meta
    查看全部
  • 图片自适应
    查看全部
  • 学习了,单选框与复选框的样式设置
    查看全部
  • <label> 标签为 input 元素定义标注(标记)。 label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 <label> 标签的 for 属性应当与相关元素的 id 属性相同。
    查看全部
  • 学习了
    查看全部
  • 这里测试的是阴影和div宽度的问题,仅供参考
    查看全部
  • 多重背景,也就是CSS2里background的属性外加origin、clip和size组成的新background的多次叠加,缩写时为用逗号隔开的每组值;用分解写法时,如果有多个背景图片,而其他属性只有一个(例如background-repeat只有一个),表明所有背景图片应用该属性值。 语法缩写如下: background : [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],...
    查看全部
  • 多重背景,也就是CSS2里background的属性外加origin、clip和size组成的新background的多次叠加,缩写时为用逗号隔开的每组值;用分解写法时,如果有多个背景图片,而其他属性只有一个(例如background-repeat只有一个),表明所有背景图片应用该属性值。 语法缩写如下: background : [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],...
    查看全部
  • 1.CSS生成内容 在Web中插入内容,在CSS2.1时代依靠的是JavaScript来实现。但进入CSS3进代之后我们可以通过CSS3的伪类“:before”,“:after”和CSS3的伪元素“::before”、“::after”来实现,其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img和input元素不起作用。 2.content配合CSS的伪类或者伪元素,一般可以做以下四件事情: 功能 功能说明 none 不生成任何内容 attr 插入标签属性值 url 使用指定的绝对或相对地址插入一个外部资源(图像,声频,视频或浏览器支持的其他任何资源) string 插入字符串 实例展示: 3.在CSS中有一种清除浮动的方法叫“clearfix”。而这个“clearfix”方法就中就使用了“content”,只不过只是在这里插入了一个空格。如下所示: .clearfix:before, .clearfix:after { content:””; display:table; } .clearfix:after { clear:both; overflow:hidden; } 上面这个示例是最常见的,也是最简单的,我们再来看一个插入元素属性值的方法。 假设我们有一个元素: <a href="##" title="我是一个title属性值,我插在你的后面">我是元素</a> 可以通过”:after”和”content:attr(title)”将元素的”title”值插入到元素内容“我是元素”之后: a:after { content:attr(title); color:#f00; } 4.代码演示:见代码快照
    查看全部
    0 采集 收起 来源:CSS生成内容

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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