为了账号安全,请及时绑定邮箱和手机立即绑定
background-color:rgba(255,255,255,0.5);
a[class^=column]{
background-color:red;
}
a[href$=doc]{
background-color:green;
}
a[title*=box]{
background-color:blue;
}
<body>
<div class="wrap cc">
<div class="content">content</div>
</div>
<div class="wrap pp">
<div class="padding">padding</div>
</div>
<div class="wrap bb">
<div class="border">border</div>
</div>
</body>
.cc{
background:#ccc url(http://index.png) no-repeat;
background-origin: content-box;
}
.bb{
background:#ccc url(logo_index.png) no-repeat;
background-origin: border-box;
}
.pp{
background:#ccc url(http://index.png) no-repeat;
background-origin: padding-box;
}
搞了老半天原来忘了加<style>标签
这个也可以用来做瀑布流布局
纯CSS3做的轮播图,大家可以看一看
https://logan70.github.io/css3-banner/
源码在下面的地址
https://github.com/logan70/css3-banner

最赞回答 / qq_依旧如此_03653398
background: radial-gradient(red 5%, yellow 25%, #1E90FF 50%);径向渐变不可以设置方向  但是可以设置尺寸
天哪好酷炫
老师为什么不讲解为什么呢??就让我们看一下这炫酷效果???
1、div:hover span { animation:paused;} 相当于清除了animation动画。元素的样式将会回到最原始的设置状态。

2、div:hover span { animation-play-state:paused;} 相当于中止动画。鼠标移开继续播放。==慕粉4001974说的,亲测是对的
这一节课程有问题吧,提交后显示系统繁忙,求修复,强迫症很难受啊
https://logan70.github.io/2017/09/11/learn-css3-6/
CSS3动画笔记,与大家共勉
box-shadow:0 4px 0 #cc1725;
.nav li:after{
content:"";
width:1px;
height:15px;
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
background:radial-gradient(#fff,transparent);
}
.nav li:last-child:after{
display:none;
}
喜欢一只狗,他来慕课网学前端,我来看看
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消