Html5 Cafe

In the middle of my page I have a div element with some content in it (other divs, images, whatever… Read more Scale/zoom A Dom Element And The Space It Occupies Using Css3 Transform Scale()

How do I create a CSS shape in which each side is transformed separately. Something like the shape … Read more How To Transform Each Side Of A Shape Separately?

I have two containers that make up a transparent border that has a 45 degree angle in it. For some … Read more Containers Have Same Undesired Width

My problem is that I haven't figure out how to align the spaces responsively. I've tried us… Read more Good Way To Map Custom-shaped Html Elements Responsively For A Board Game

I'm trying to set up a fixed div to the left of a page, 24px from the left and stretching from … Read more Rotating Text Within A Fixed Div

After translating an element in CSS it's transformation origin stays in it's original locat… Read more Reset Css Transform Origin After Translation / Rotation

I cannot get this animation to work in Safari 12 no matter what I try. I've tried vendor prefix… Read more Css Animation Rotate3d Not Working In Safari

I've tried to create this css shape (ribbon) using border radius but I'm unable to do so, t… Read more Trying To Create This Css Ribbon. Struggling With The Curve Of The Ribbon

Suppose I've 10 divs in the form of squares. Lets call it the home page. Out of these 10, 3 di… Read more Increasing Dimensions On Hover Without Changing The Position Of Other Elements

How to fit an image inside a div and this div is rotated at 45deg? Solution 1: Add scale value in… Read more How To Rotate Outer Div Not Inner Content

Follow up on this topic When I apply css transform to parent element, child element is not fixed an… Read more Css Transform Conflict With Fixed Element

I am trying to rotate the text -90 degrees inside some th cells: The problem is that my browser ap… Read more Css Rotation Text-only Inside Tag

I've created some dummy breadcrumb-steps. The 1st breadcrumb-step need to have a normal flat bo… Read more Skew Only One Side Of Before & After To Get Flat-arrow

I'm trying to create a basic portal with tabs on the left, rather than on top. Ideally, I would… Read more Convert Horizontal Tabs To Vertical (HTML & CSS Only, No Js)

After translating an element in CSS it's transformation origin stays in it's original locat… Read more Reset CSS Transform Origin After Translation / Rotation