CSS Drop-Shadow
vs. CSS Text-Shadow

by Florence W Deems

by Florence W. Deems

CSS drop-shadows

It seems that modern versions of browsers no longer recognize the CSS property of "text-shadow." But we can still use the "drop-shadow" property. However, for IE 8 to see this page, make sure you start the page with a doctype tag! The style tags for drop-shadow can go in the head or can be used inline.

//Place the following in the head: <style> h1.drop-shadow { text-shadow: 4px 4px 8px blue } h2.drop-shadow { text-shadow: 4px 4px 8px red } h3.drop-shadow { text-shadow: 4px 4px 8px black } h4.drop-shadow { text-shadow: 4px 4px 8px orange } </style> //Place this before each text that you want to show the shadow effect: <h1 class="drop-shadow">CSS drop-shadows</h1>

Visit these other Tutorials by Flo

Saturday 10th of June 2023 02:31:37 PM



by

~~~

Arbor Hosting