Copy external stylesheet that has db.css file
color) Colorscolorthe main blue color
the alternative red color
the secret color, here's where i got it from
pixel ink, inverted
Allows you to scroll through different "scenes". If an id starts with
db-scene or is equal to
db-default-scene, it'll behave like these examples. If
you want to get more complicated with these, ex. like other elements
turning on when #db-scene-2 is showing, you could do
this:
<hr hidden id="db-scene-1" /> never fails!!
Well, while you're here, have some tests that didn't work at all.
Testing out if attr() could work in something like width.
its kind of hard to read when the text is small lol
sadly does not work for images.
Control the glow with the
--db-glow-color
property.
Adding a 'cite' attribute
For 60 years, WWF has worked to help people and nature thrive. As the world's leading conservation organization, WWF works in nearly 100 countries. At every level, we collaborate with people around the world to develop and deliver innovative solutions that protect communities, wildlife, and the places in which they live.
You can control the db-code's color simply by just using
the color property!
You can set the counters by using
--db-counter: db-global-counter.
You can control the speed with the
--db-scrollspeed property. It depends on the element's
size.
You can use --db-scrollStart: 100% &
--db-scrollEnd: -100% to control when the animation
loops.
You can use --db-bounceX &
--db-bounceY to control when they hit the border.
display: inline-block. Something
so umm like i have a confession, i stole this one from my friend tomato lmaoo, this is probably how i got deep into css
before/after" attributeBefore text
After text
db-if (Hovering)
db-else (Not hovering)
will switch it.
db-if (Less than 768px)
db-else
db-if (first input checked)
db-else (first input isn't checked)
The sole reason why I absolutely love <hr> is because it is a single
tag where you could put everything in using pseudo-elements such as
::before/after.