css看见彩虹,吃定彩虹

css彩虹

bash 复制代码
.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%);
  }
相关推荐
夕水10 分钟前
我用trae重构了ew-color-picker,一个插件化架构的现代颜色选择器
前端·javascript·开源
Penge66613 分钟前
React JSX 核心语法:从入门到业务开发实战
前端
zhanlang021720 分钟前
HTML 零基础入门到企业实战全套教程【第五章 5.5 综合案例:图文影音展示页面开发】
前端·html
tryCbest43 分钟前
Vue3——第 17 篇:模板引用(ref)与组件实例——操作 DOM 的正确姿势
vue.js·前端搭建
zhanlang02171 小时前
HTML 零基础入门到企业实战全套教程【连载 5.3】audio、video 音频视频标签|兼容格式、自动播放踩坑、企业规范
前端·html
qq_406981032 小时前
c++ lamda(三)Lambda表达式
java·前端·c++
头发还在的女程序员2 小时前
Java在线租房系统源码解析:Spring Boot+Vue 3+UniApp房源管理与预约看房方案
java·vue.js·spring boot·租房小程序·租房系统·租房软件
zhanlang02172 小时前
HTML 零基础入门到企业实战【第五章 5.4】内嵌网页 iframe 标签:嵌入网页、视频、地图实战
前端·html·音视频
FYKJ_20102 小时前
springboot同人周边订单管理系统48955-计算机毕业设计、课程设计
java·javascript·vue.js·spring boot·django·php·课程设计
总要学点什么2 小时前
第106篇:三维特效-流动线效果——让一颗光点沿整条线一路滚到头
开发语言·javascript·ecmascript·gis·webgl·材质·cesium