p {
display: inline-block;
font-size: 32px;
transform: scale(.5, 1);
}/*You can make your text taller by using the transform property with scaleY*/
transform:scaleY(2.5);
/*You can also make your text wider by using scaleX*//*x = 100vw - 2 * 3em = 100vw - 6em
r = 224px/24px = 9.333... = 28 / 3
y = x / r
= (100vw - 6em) / (28 / 3)
= (100vw - 6em) * 3 / 28
= (300vw - 18em) / 28
= (75vw - 4.5rem) / 7*/
font-size: calc((75vw - 4.5rem) / 7)| Code Example |
|---|
| Css :: setting z index on before after pseudo classes |
| Css :: $scope.$apply |
| Css :: CSS adding background image from file |
| Css :: padding-block css |
| Css :: css circle shadow |
| Css :: how to make a dotted hr in css |
| Css :: css flex bottom |
| Css :: css cut lines |
| Css :: css comments |
| Css :: responsive website css |
| Css :: css coor background |
| Css :: css disabled tag hover style |
| Css :: box sizing ftw |
| Css :: on hover disabled cursor |
| Css :: inline pseudo element |
| Css :: center image in css |
| Css :: css background text clip |
| Css :: git font |
| Css :: what is descendant selector |
| Css :: estilos de button css |
| Css :: place two div elements next to each other |
| Css :: what is the best way to center a div |
| Css :: how to ignore an element from the flexbox container |
| Css :: scale down image css |
| Css :: css resets |
| Css :: single product page woocommerce css |
| Css :: media query css |
| Css :: text shadow in css |
| Css :: css grayscale image |
| Css :: how to get 2 words one left aligh and right align in css |