a[class^=column]{
background-color:red;
}
a[href$=doc]{
background-color:green;
}
a[title*=box]{
background-color:blue;
}
background-color:red;
}
a[href$=doc]{
background-color:green;
}
a[title*=box]{
background-color:blue;
}
2017-09-16
<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>
<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>
2017-09-16
.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;
}
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;
}
2017-09-16
纯CSS3做的轮播图,大家可以看一看
https://logan70.github.io/css3-banner/
源码在下面的地址
https://github.com/logan70/css3-banner
https://logan70.github.io/css3-banner/
源码在下面的地址
https://github.com/logan70/css3-banner
2017-09-13
最赞回答 / qq_依旧如此_03653398
background: radial-gradient(red 5%, yellow 25%, #1E90FF 50%);径向渐变不可以设置方向 但是可以设置尺寸
2017-09-13
1、div:hover span { animation:paused;} 相当于清除了animation动画。元素的样式将会回到最原始的设置状态。
2、div:hover span { animation-play-state:paused;} 相当于中止动画。鼠标移开继续播放。==慕粉4001974说的,亲测是对的
2、div:hover span { animation-play-state:paused;} 相当于中止动画。鼠标移开继续播放。==慕粉4001974说的,亲测是对的
2017-09-12
https://logan70.github.io/2017/09/11/learn-css3-6/
CSS3动画笔记,与大家共勉
CSS3动画笔记,与大家共勉
2017-09-11
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;
}
.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;
}
2017-09-11