PLATFORM
  • Tails

    Create websites with TailwindCSS

  • Blocks

    Design blocks for your website

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

Written By
Views

CSS 3 Drop Shadow Text

In CSS3 you can use drop shadow around divs or tables (if you still use tables). You can use these drop shadows to add a nice aesthetic look around blocks in your web interface. Check out the article on CSS 3 Drop Shadow Here. A very cool thing about CSS3 is that you can also add drop shadow effects to your text. To add a drop shadow effect to your text add the following code to your stylesheet:

.dropshadow_text
{

     text-shadow: rgba(0,0,0,.8) 0 2px 0;
     font-size:28px;
     color:#cccccc;

}

And add the following to your HTML file

<p class='dropshadow_text'>This text has a drop shadow effect!</p>

And that's it :)

Comments (0)

loading comments