css3绘制卡通人物程序员正在写代码,脑海中代码飘落动画场景特效。
使用方法
1、head引入css文件
<!--英文字体--> <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet"> <!--主要样式--> <link rel="stylesheet" href="css/style.css">2、body引入HTML代码
<!--这部分是飘落代码--> <div class="snowflakes" aria-hidden="true"> <div class="snowflake"> <p> </div> <div class="snowflake"> {opacity: 0.5;} </div> <div class="snowflake"> {position: relative;} </div> <div class="snowflake"> <title> </div> <div class="snowflake"> <img> </div> <div class="snowflake"> {transform: rotate(30deg);} </div> <div class="snowflake"> <h2> </div> <div class="snowflake"> {background-color: darkred;} </div> <div class="snowflake"> {display: flex} </div> <div class="snowflake"> <head> </div> <div class="snowflake"> <body> </div> <div class="snowflake"> <script> </div> </div>