css看见彩虹,吃定彩虹

css彩虹

.f111 {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    box-shadow: 0 0 0 5px inset red, 
                0 0 0 10px inset orange, 
                0 0 0 15px inset yellow, 
                0 0 0 20px inset lime, 
                0 0 0 25px inset aqua, 
                0 0 0 30px inset blue, 
                0 0 0 35px inset magenta;
    clip-path: polygon(0 0, 100%0, 100% 50%, 0 50%);
  }

在这里插入图片描述

相关推荐

  1. html--彩虹

    2024-07-10 12:34:04       44 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-10 12:34:04       99 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-10 12:34:04       107 阅读
  3. 在Django里面运行非项目文件

    2024-07-10 12:34:04       90 阅读
  4. Python语言-面向对象

    2024-07-10 12:34:04       98 阅读

热门阅读

  1. 墨烯的C语言技术栈-C语言基础-010

    2024-07-10 12:34:04       27 阅读
  2. html5路由如何在nginx上部署(vite+vue3)

    2024-07-10 12:34:04       27 阅读
  3. nodejs学习之glob

    2024-07-10 12:34:04       28 阅读
  4. Unity--异步加载场景

    2024-07-10 12:34:04       27 阅读