听说明天七夕了(我什么都不知道,牛郎都跟他家牛在一起了)。
单身狗表示。。。写代码吧。
.heart{
width: 150px;
height: 100px;
background-color: #E76464;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-top-left-radius: 50px 50px;
border-bottom-left-radius: 50px 50px;
position: relative;
margin-top: 200px;
}
.heart::after{
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
content: " ";
display: block;
position: absolute;
width: 150px;
height: 100px;
background-color: #E76464;
border-top-right-radius: 50px 50px;
border-bottom-right-radius: 50px 50px;
top: -25px;
right: -25px;
}
前一段时间看过用css
花爱心的,吃完饭我也做一下尝试。
一个div
,一个伪类,旋转合体~
效果图:
效果链接>>
好嘞,找人表白去~
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。