css实现可爱小兔子和草莓效果代码-html代码-BFW代码库

css实现可爱小兔子和草莓效果代码

代码语言：html

代码描述：css实现可爱小兔子和草莓效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
 <style>
     *{margin:0;padding:0}body{background-color:#92D0CD}.container{width:700px;margin:40px auto 0 auto;text-align:center}.container h1{font-family:"Lobster Two",cursive;font-size:45px;color:#ef4154;text-shadow:3px 0 0 white;margin-bottom:50px}.bunny-icon{height:294px;width:260px;margin:auto;position:relative}.bunny-icon .egg{position:absolute;right:0;bottom:0;height:199px;width:165px}.bunny-icon .egg:before{content:"";display:block;position:absolute;right:0;bottom:0;width:100%;height:30px;background-color:#81c3bf;border-radius:50%}.bunny-icon .egg:after{content:"";display:block;position:absolute;right:0;bottom:11px;width:126px;height:188px;background:#FBCED3;border-top-left-radius:50% 58%;border-top-right-radius:50% 58%;border-bottom-left-radius:50% 40%;border-bottom-right-radius:50% 40%;background-image:radial-gradient(#ef4154 3px,transparent 0),radial-gradient(#ef4154.........完整代码请登录后点击上方下载按钮下载查看