为了账号安全,请及时绑定邮箱和手机立即绑定
先上图多好,不过还是看懂了,感谢~

最赞回答 / 慕斯3035540
div:hover span {  animation-play-state:paused;}动画正常写  running是默认值  不需要特意写   在划出写paused就好
width: 100px;
height: 200px;
background: #9da;
border-radius:100px 0 0 100px ;
body {
display:flex;
align-items: center;
justify-content:center;
}
-webkit-column-width:200px;
-moz-column-width:200px;
-o-column-width:200px;
-ms-column-width:200px;
column-width:200px;
.columns {
width: 500px;
padding: 5px;
border: 1px solid green;
margin: 20px auto;
-webkit-columns: 150px 3;
-moz-columns: 150px 3;
-o-columns:150px 3;
-ms-columns: 150px 3;
columns: 150px 3;
}
background-image:linear-gradient(to top left,red,orange,yellow,green,blue,indigo,violet);
background-color:rgba(255,255,255,0.5);
border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg)15 15 15 15 round;
div.semi-circle{
height:100px;
width:50px;
background:#9da;
border-radius:100px 0px 0px 100px;
}
为什么要把代码复制出来才有效果
这么一个效果就要真么多代码啊。。。。。。宝宝去厕所哭会

最新回答 / qq_心灵之窗_0
x y偏移量,模糊程度,内外投影

最新回答 / 幻影af
可能有个bug,当把@keyframes slideDown{0%{top:-200px;}},这里top变为负值就行了,正值就没效果
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消