More CSS Fun: Pure CSS Dumptruck

More CSS Fun: Pure CSS Dumptruck
0

#1

See it, saw it, hated it…

Let me know what you think: http://codepen.io/geligelu/full/rLPLvO/


#2

How did you do this? lol


#3

With 12 HTML elements + CSS :wink:


#4

I’ve just started but can you show me?


#5

Hey…this is interesting and very creative, indeed :+1:

I’m going to read entire CSS code, but can give me heads up about the click handling without using JS?


#6

@typicaljoe111

Hey…this is interesting and very creative, indeed :+1:

I’m going to read entire CSS code, but can give me heads up about the click handling without using JS?

It is done by the :active selector, a CSS pseudo-class.


#7

Oh, never knew :active worked on div as well. I thought it only worked on clickable elements like a and button etc. :slight_smile:

Thanks for info.


#8

Tip: just click on the link. It will bring you to Codepen where you can change the view and see all the code. There’s no need to ask “show me” whenever it’s a Codepen or Github link.


#9

Ah I yes I didn’t know that, thank you!