div { transform: rotate(45deg); transform-origin: 20% 40%; }
p { hanging-punctuation: first; }
body { /* Set “my-sec-counter” to 0 */ counter-reset: my-sec-counter; } h2:before { /* Increment “my-sec-counter” by 1 */ counter-increment: my-sec-counter; content: “Section ” counter(my-sec-counter) “. “; }
#div1 { backface-visibility: hidden; } #div2 { backface-visibility: visible; }
#div1 { position: absolute; left: 50px; width: calc(100% – 100px); border: 1px solid black; background-color: yellow; padding: 5px; text-align: center; }
div { width: 150px; height: 150px; background: blue; transition: width 2s; transition-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1); }