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

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

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

渐变色背景的应用在各种网页制作、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://www.cjw123.com/blog/?id=15

分享给朋友:

相关文章

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

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

google谷歌翻译镜像网站

查找外文资料对于外语不好的那必须要借助翻译工具,各家翻译工具各有不同,想要使用google谷歌翻译,奈何无法访问,那么如何在国内使用谷歌翻译?google谷歌翻译镜像网站有哪些?https://translate.yunkuerp.cn/https://translate.renwole.com/h…

纯js实现文字自动变色效果

<!-- js实现变色文字 --> <div id="blink">     <strong>       …

嘈杂的声音

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">…

js打印文字打字输出特效代码

<center> <style type="text/css"> .a{background:#666666; border:0px solid #000000; width:300px; h…

打字机效果的带超链接的新闻标题

<html> <head> <title>打字效果的带链接的新闻标题</title> <meta http-equiv="Content-Type" content="text/html;&…

发表评论

访客

看不清,换一张

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