Creating a option-choice landing page

I want to create a landing page like a game. The visitor gets the option either to chose "Professioneel" or "Speels". Telling it is easy but programming it is hard for me, so this is what I want: 2 div's with 2 different background-image when some...
more »

2017-06-29 23:06 (2) Answers

"Card flip" a checkbox without exposing backface

I want to give a checkbox a 3D horizontal flip transformation on checked. I want to use standard input checkbox so no adding extra divs or spans around or inside it. I got it to work using :after psuedo elements the only problem is when I check the b...
more »

2016-10-06 01:10 (1) Answers

Using transform() and calc() in firefox

Am I missing something obvious, or does firefox not like using calc() inside transform:skewY() ? The problem the following transform works, no problem : body article { postion:relative; top:50%; transform-origin:left; transform:ske...
more »

2016-10-01 14:10 (1) Answers

Resizing a Flipped and Rotated Image

So i've started to look at and build upon the MoveResizeRotate project from I've added a couple of things: The ability to resize using aspect ratio, if you drag a corner thumb. T...
more »

2016-08-19 14:08 (1) Answers

How do angles work in 3D rotation?

As you know, for 3D transformations you need methods like rotateX(20deg) I know how to use both 2D and 3D transforms but what I can't understand is how angles work. I mean, if I have to rotate a div along X axis in clockwise direction (I don't even k...
more »

2016-07-07 07:07 (1) Answers

Rotate Image From Its Bottom

I am trying to go for a needle effect and I cannot seem to get the needle to rotate from its bottom. I want the bottom of the image to stay fixed in its position and just the top of the needle to move along the half circle. This is was I have so far....
more »

2016-06-29 13:06 (1) Answers