css实现多重阴影跟随鼠标运动动画效果代码

代码语言:html

所属分类:动画

代码描述:css实现多重阴影跟随鼠标运动动画效果代码

代码标签: css 阴影 重叠 动画

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <link href="https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@300;400&family=Cute+Font&display=swap" rel="stylesheet">



    <style>
        @import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
        :root {
        	--black: #000;
        	--black50: #00000050;
        	--grey50: #343538;
        	--grey5: rgba(92, 96, 107, 0.5);
        	--grey: #7d808a;
        	--white: #fff;
        	--white00: #ffffff00;
        }
        
        *,
        *::after,
        *::before,
        html,
        body {
        	box-sizing: border-box;
        	margin: 0;
        	padding: 0;
        }
        
        body {
        	background-color: var(--grey);
        	font-family: "Bebas Neue", cursive;
        	display: grid;
        	height: 100vh;
        	p.........完整代码请登录后点击上方下载按钮下载查看

网友评论0