7
Single div CSS laptop fan
source link: https://codepen.io/lynnandtonic/pen/WNOWjJL
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
xxxxxxxxxx
<div id="fan"></div>
CSS (Stylus)
CSS (Stylus)
// #divtober 01: Fan
// a.singlediv.com/divtober2021
black(alpha)
rgba(0,0,0,alpha)
white(alpha)
rgba(255,255,255,alpha)
body
min-height: 300px
height: 100vh
position: relative
background-color: #eee
background-image: linear-gradient(to top, #ddd calc(50% - 6.5em), white(0) calc(50% - 6.5em))
text-align: center
div
position: absolute
left: 50%
top: 50%
&:before,
&:after
xxxxxxxxxx
// @lynnandtonic
// a.singlediv.com
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK