当前位置: 首页 > news >正文

HTML+CSS对角背景变色

HTML+CSS对角背景变色,效果图如下:

<style>
main {min-height: calc(100vh - 158px);background: linear-gradient(-25deg,#03a9f4,#3a78b7 50%,#262626 0,#607d8d);-webkit-backdrop-filter: hue-rotate(120deg);backdrop-filter: hue-rotate(120deg);animation: animate 6s ease-in infinite
}@keyframes animate {0% {filter: hue-rotate(0deg)}to {filter: hue-rotate(1turn)}
}</style>
</head>
<body>
<main class="main">
</main>

相关文章:

  • C# 中的 `lock` 关键字本质
  • Saas、Paas、Faas、Baas的概念学习与对比
  • 精益数据分析(18/126):权衡数据运用,精准把握创业方向
  • 前端js需要连接后端c#的wss服务
  • 【3】CICD持续集成-k8s集群中安装Jenkins-agent(主从架构)
  • 【自然语言处理与大模型】大模型参数规模与部署配置调查2025第一季度
  • [特殊字符] 大模型对话风格微调项目实战——模型篇 [特殊字符]✨
  • 深度解析:透过十问十答洞悉大模型SFT的应用策略
  • gem5-gpu教程04 高速缓存一致性协议和缓存拓扑
  • 【电机仿真】MPC模型预测转速、电流双闭环控制器——PMSM有感FOC控制
  • Java面试:探索Spring Boot与微服务的深度挑战
  • 关于编译原理——语义翻译器的设计
  • 图文结合 - 储能系统产品需求文档(PRD)- (慧哥)慧知开源充电桩平台
  • 互联网大厂Java面试:RocketMQ、RabbitMQ与Kafka的深度解析
  • QT6 源(45):分隔条 QSplitter 允许程序的用户修改布局,程序员使用 IDE时,就是分隔条的用户,以及其 QSplitter 源代码
  • MyBatis中的@Param注解-如何传入多个不同类型的参数
  • (09)Vue脚手架的使用(Vite、vue-cli、create-vue)
  • 软件项目实施全流程及交付物清单
  • 逻辑漏洞安全
  • 硬核科普丨2025年安全、高效网络准入控制系统深度解析
  • 复旦大学校长金力:将配套出台多项政策推动科技成果转化
  • 山西省援疆前方指挥部总指挥刘鹓已任忻州市委副书记
  • 南京84.57亿元成交8宗宅地:仅秦淮区一宗地块溢价成交
  • “80后”师虎已任陕西旬邑县委书记
  • 金地集团:保交楼为经营的首要任务,将根据融资性现金流恢复程度等进行投资决策
  • 欧盟就中欧有关世贸争端案件提起上诉仲裁,商务部回应