css实现文字发光白天与黑夜两种模式切换代码

代码语言:html

所属分类:布局界面

代码描述:css实现文字发光白天与黑夜两种模式切换代码

代码标签: css 文字 发光 白天 黑夜 两种 模式 切换 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">

<style>
@import url("https://fonts.googleapis.com/css2?family=Erica+One&display=swap");

:root {
	--neon-yellow: #ffdb4e;
	--neon-yellow-glow: 0 8px 20px -4px #b48505;
	--neon-white: #fefefe;
	--neon-white-glow: 0 8px 20px -4px #ffffff;
	--background-light: linear-gradient(to right, #b91d73, #f953c6);
	--background-dark: linear-gradient(to right, #0f0c29, #302b63);
	--color-dark: #161615;
	--color-light: #ece9e6;
	--t-shadow-light: -5px 5px 0px #9a5fe8, -10px 10px 0px #8a46e3,
		-15px 15px 0px #7420e3;
	--t-shadow-dark: -5px 5px 0px #00e6e6, -10px 10px 0px #01cccc,
		-15px 15px 0px #00bdbd;
.........完整代码请登录后点击上方下载按钮下载查看

网友评论0