纯css实现面包车公交车效果

代码语言:html

所属分类:布局界面

代码描述:纯css实现面包车公交车效果

代码标签: 面包车 公交车 效果

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


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
.caravan{
position: relative;
margin : 0 auto;
margin-top: 150px;
width: 398px;
height: 235px;
background: linear-gradient(0deg, rgba(255,153,154,1) 2%, rgba(248,185,185,1) 3%, rgba(249,187,186,1) 4%, rgba(249,187,186,1) 6%, rgba(255,204,203,1) 44%, rgba(253,182,183,1) 45%, rgba(253,182,183,1) 46%, rgba(254,254,253,1) 47%, rgba(254,254,253,1) 84%, rgba(250,250,250,1) 100%);
border-radius: 45px;
    border-top-right-radius: 105px 169px;
   
}

.caravan::.........完整代码请登录后点击上方下载按钮下载查看

网友评论0