by
4
6
298k
2
Top 1% !
Popular
Pearl of Wisdom
Easy-to-find
Specified
OpenSource
Popularity: 3786th place

Published on:

Languagecss
LicenseMIT_X11

Responsive Type

No Javascript required for responsive text! Pure CSS3
Copy Embed Code
<iframe id="embedFrame" style="width:600px; height:300px;"
src="https://www.snip2code.com/Embed/235593/Responsive-Type?startLine=0"></iframe>
Click on the embed code to copy it into your clipboard Width Height
Leave empty to retrieve all the content Start End
/* Code Reference & Examples: http://mole.tk/1ymmXAv */ /* What Does vw and vm mean? 1vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, whichever is smaller 1vmax = 1vw or 1vh, whichever is larger */ body { background-color: #ff5442; font-family: ‘Lato’, Arial, sans-serif; margin: 2vw; } h1 { color: #fff; font-size: 6vw; font-weight: 900; text-transform: uppercase; line-height: .3vw; } h2 { color: #fff; font-size: 4vw; } p { color: #fff; font-size: 1em; }
If you want to be updated about similar snippets, Sign in and follow our Channels

blog comments powered by Disqus