<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>海绵宝宝</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
width: 100vw;
height: 100vh;
background-color: #FFF400;
}
/* 脸 */
.face {
position: relative;
height: 600px;
width: 600px;
margin: 0 auto;
margin-top: 5%;
}
/* 眼睛 */
.eyes_left,
.eyes_right {
position: absolute;
height: 190px;
width: 190px;
top: 18%;
background: white;
border-radius: 50%;
border: 5px solid black;
}
.eyes_left {
left: 20%;
}
.eyes_right {
right: 19%;
}
/* 眼睫毛 */
.eyelashes_1 {
position: absolute;
top: 15%;
left: 28%;
height: 5%;
width: 1.5%;
background: black;
transform: rotate(-12deg);
box-shadow: 160px 41px 0 black;
}
.eyelashes_2 {
position: absolute;
top: 13.4%;
left: 35%;
height: 5%;
width: 1.5%;
background: black;
box-shadow: 160px 2px 0 black;
}
.eyelashes_3 {
position: absolute;
top: 14.9%;
left: 42%;
height: 5%;
最低0.47元/天 解锁文章
4366
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
