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

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

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

渐变色背景的应用在各种网页制作、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…

nginx禁止直接访问目录或文件的方法

通过nginx直接禁止某个文件或目录被访问,可以大大的加强服务器的安全。下面介绍一些nginx下禁止访问某些文件或目录的配置方法。nginx禁止访问某些后缀文件location ~ \.(ini|conf|txt)$ {deny all;}nginx禁止访问目…

div+css+js实现菜单的收缩与展开,适合问答

<html> <head> <title>div+css+js实现菜单的收缩与展开</title> <meta http-equiv="Content-Type" content="text…

纯CSS实现菜单炫酷点击展开收起效果

通过纯css3实现展开收缩的弹性动画菜单,可以应用于PC端或移动端页面中,非常实用效果也非常的炫酷,喜欢的码友们可以尝试一下,效果如下:完整代码如下:<!doctype html><html><head><meta charset=&qu…

纯CSS实现侧边栏浮动在线客服效果

很多人一般在网页的侧边会选择放一个悬浮的在线客服,方便意向客户的联系,网上随便一搜也会有很多代码提供,但是大多都是JS书写的,并且夹带着一些图片素材乱七八糟的东西,用起来很不方便。今天我们就教给大家一个纯css书写的在线客服效果首先我们有如下html结构<div class=&quo…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。