当前位置：首页 > 网站应用

简约漂亮的网页背景渐变特效CSS

cjw1233年前 (2023-10-21)网站应用5150

渐变色背景的应用在各种网页制作、u设计是非常普遍的，分享的这套渐变背景简约大气，颜色配比很灵活，给人舒适感。

<style>
body {
	background-image:radial-gradient(rgba(255,0,0,0.3),rgba(255,0,0,0) 40vw),radial-gradient(rgba(0,128,0,0.3),rgba(0,128,0,0) 40vw),radial-gradient(rgba(0,0,255,0.3),rgba(0,0,255,0) 40vw),radial-gradient(rgba(255,255,0,0.3),rgba(255,255,0,0) 40vw),radial-gradient(rgba(255,0,0,0.3),rgba(255,0,0,0) 40vw);
	background-position:-40vw 14rem,50% 10rem,60vw 14rem,-10vw calc(14rem + 20vw),30vw calc(14rem + 20vw);
	background-size:80vw 80vw
}
</style>
<div class="body"></div>

扫描二维码推送至手机访问。

本文链接：https://cjw123.com/blog/?id=15

分享给朋友：

html meta标签屏蔽搜索引擎的用法

html页面中的 meta 标签可以用来识别搜索引擎的蜘蛛类型，可以规定meta标签所在的html页面是否被蜘蛛抓取，下面是这个meta标签的用法，大家可以借鉴一下。搜索引擎的 meta 标签的解析下面是meta标签对搜索引擎的解析<meta name='robot…

CSS中给背景图增加遮罩

CSS作为网页开发的重要组成部分，经常会用到遮罩层的效果，实现页面视觉上的突出和强调。那么，CSS怎样设置遮罩层呢？下面就来简单介绍一下。首先，要清楚遮罩层的定义。遮罩层是指在页面元素上添加一个半透明的罩子，使得页面元素之间的重叠效果。”遮”住页面上的元素。接下来，我们来看如何在CSS中实现遮罩层的…