"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 http://www.codeproject.com/Articles/22952/WPF-Diagram-Designer-Part. 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