纯css绘制口红效果-html代码-BFW代码库

纯css绘制口红效果

代码语言：html

代码描述：纯css绘制口红效果

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


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

<style>
.lipstick-container {
 position: relative;
  left: 30%;
    width: 500px;
    height: 800px;
}

.lipstick {
    background: rgb(255,228,189);
    background: rgb(255,228,189);
    background: linear-gradient(90deg, rgba(255,228,189,1) 0%, rgba(255,226,187,1) 5%, rgba(246,200,167,1) 8%, rgba(255,226,187,1) 11%, rgba(246,200,167,1) 13%, rgba(251,210,178,1) 15%, rgba(245,213,188,1) 17%, rgba(251,210,178,1) 20%, rgba(245,213,188,1) 23%, rgba(191,128,95,1) 25%, rgba(254,218,184,1) 29%, rgba(191,128,95,1) 31%, rgba(217,149,104,1) 33%, rgba(184,124,86,1) 39%, rgba(217,149,104,1) 41%, rgba(186,136,116,1) 44%, rgba(211,155,132,1) 47%, rgba(186,136,116,1) 50%, rgba(255,235,221,1) 53%, rgba(231,199,180,1) 57%, rgba(255,226,208,1) 58%, rgba(251,232,218,1) 62%, rgba(237,188,148,1) 66%, rgba(248,207,177,1) 68%, rgba(217,149,100,1) 71%, rgba(226,157,118,1) 76%, rgba(179,94,53,1) 80%, rg.........完整代码请登录后点击上方下载按钮下载查看