css3加载爱心,用CSS3绘制一个爱心

用CSS3绘制一个爱心

2020/11/4 10:43:20   阅读：1224

发布者：1224

爱心

* {

margin: 0px;

padding: 0px;

}

.wrap {

transform: rotate(45deg);

margin: 300px;

}

.box {

width: 100px;

height: 100px;

border: 1px solid red;

background-color: red;

}

.div1 {

margin: 300px 0px 0px 300px;

border-radius: 100%;

float: left;

}

.div2 {

margin: 250px 0px 0px 0px;

border-radius: 100%;

float: left;

position: relative;

right: 50px;

}

.div3 {

margin: 300px 0px 0px 0px;

float: left;

position: relative;

right: 152px;

}