Skip to content

Instantly share code, notes, and snippets.

@wlippold

wlippold/dr0p-sh4d0w.markdown

Created January 4, 2017 12:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wlippold/f05fb4f570d5097b8975e554400b8a4c to your computer and use it in GitHub Desktop.
Save wlippold/f05fb4f570d5097b8975e554400b8a4c to your computer and use it in GitHub Desktop.
Download ZIP
Dr0p Sh4d0w
Raw
index.html
<html>
<head><title>How to create a drop shadow in Cascading Style Sheets?</title>
<!-- Go to http://www.google.com/fonts (change font)-->
<link href='http://fonts.googleapis.com/css?family=Henny+Penny' rel='stylesheet' type='text/css'>
</head>
<body style="font-family: 'Henny Penny', cursive; background-color:black;">
<div style="text-align:center">
<h1 style="font-size:150px; color:black;">Wayne Lippold</h1>
</div>
</body>
</html>
Raw
style.css
h1 {
-webkit-transition: all 0,2s ease;
-moz-transition: all 0,2s ease;
-o-transition: all 0,2s ease;
-ms-transition: all 0,2s ease;
transition: all 0,2s ease;
-webkit-filter: drop-shadow(3px 3px 10px white);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment