Skip to content

Instantly share code, notes, and snippets.

@agriboz

agriboz/text-line.css

Created August 13, 2013 08:09
Show Gist options
  • Save agriboz/6218911 to your computer and use it in GitHub Desktop.
Save agriboz/6218911 to your computer and use it in GitHub Desktop.
Download ZIP
Creating paper effect ??
Raw
text-line.css
p { line-height: 1.2;
background-image: linear-gradient(rgba(0,0,0,0.3) 1px, transparent 1px);
background-size: 100% 1.2em;
background-position: 0 0.8;
font-size: 170%;
padding: 1em;
background-origin: content-box;
}
Raw
text-line.html
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem temporibus harum molestias voluptatibus voluptates nam consequuntur error est eum culpa sequi possimus iusto repudiandae magnam modi pariatur id facere nihil maiores corporis. Unde minus maiores iusto natus ea labore officia excepturi animi libero sunt perferendis nihil suscipit soluta! Vero non quo error aut vel asperiores earum distinctio corrupti modi dolore sapiente fugit ea sint. Et laborum quod sequi ea expedita optio amet quaerat alias repellat aliquam. Repellendus saepe est aspernatur asperiores veritatis nulla non quas cum voluptates dolores illum ratione officia molestiae quisquam quasi sint odit dicta itaque sunt animi.</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment