2
Single div CSS Handi-Snacks
source link: https://codepen.io/lynnandtonic/pen/qBXNLgQ
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.
0 unsaved changes
xxxxxxxxxx
<div id="nostalgia"></div>
CSS (Stylus)
CSS (Stylus)
// #divtober 19: Nostalgia
// a.singlediv.com/divtober2021
black(alpha)
rgba(0,0,0,alpha)
white(alpha)
rgba(255,255,255,alpha)
$cracker-dot = radial-gradient(circle, saddlebrown 20%, alpha(saddlebrown,0) 40%),
radial-gradient(circle, white(.35) 50%, white(0) 100%),
radial-gradient(circle, alpha(peru,.2) 40%, alpha(peru,0) 100%)
$cracker-dot-size = 1em 1em, 1em 1em, 1em 1em
body
min-height: 325tive
background-color: rebeccapurple
div
position: absolute
xxxxxxxxxx
// @lynnandtonic
// a.singlediv.com
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK