html - What is this effect of setting line-height in css called? -
i playing around line-height property in css. discovered if set line-height 0.1 2 identical lines both of them combine nicely. did
<!doctype html> <html> <head> <style> p.effect { line-height: 0.1; } </style> </head> <body> <p class="effect"> paragraph special line-height.<br> paragraph special line-height.<br> </p> <p> normal paragraph.<br> normal paragraph</p> </body> </html>
the line this paragraph special line-height looks nice. question is:
- is effect given name? xyz font or xyz effect in css?
.short { line-height: 0.3; } p { text-shadow: 4px 10px 0px rgba(159, 150, 150, 1); }
<pre class="short"> how hell nice? such bad sample create shadow effect. but, why 1 create shadow effect using line-height? css3 supports text-shadow property can have nice shadow lurking around text. totally messed up. using .3 height , you're still reading source understand saying. below paragraph shadow effect. </pre> <p> isn't cooler? </p>
Comments
Post a Comment