div+css绘制电视遥控器代码-html代码-BFW代码库

div+css绘制电视遥控器代码

代码语言：html

代码描述：div+css绘制电视遥控器代码

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">



    <style>
        @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap');
        
        article {
          height: 90vmin;
          aspect-ratio: 13 / 50;
          position: relative;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-family: Ubuntu, sans-serif;
          border-radius: 100% 100% 110% 110% / 10% 10% 15% 15%;
          background: 
            /* microphone */
            radial-gradient(circle at 50% 3.5%, #111 0.45vmin, #0000 0),
            radial-gradient(circle at 50% 4.5%, #1a1a1a 0.45vmin, #0000 0),
            linear-gradient(#080808, #1a1a1a) 50% 3.5% / 1vmin 0.9vmin no-repeat,
            /* central-button-shadow */
            radial-gradient(circle at 47.5% 27%, #0000 7%, #0002 10%, #0000 0),
            /* noise .........完整代码请登录后点击上方下载按钮下载查看