Dreamweaver Tutorial – CSS3 Box Shadows

Dreamweaver Tutorial - CSS3 Box Shadows

Host Unlimited Websites For .88 ! bit.ly Unlimited Hosting, Free Domain, MySQL, PHP, CGI, SSL, FTP, Stats, 0 google adwords, E-Commerce Included, Dreamweaver Ready, 30 Day money back guarantee In this Dreamweaver Tutorial by James at www.dreamweavertutorial.co.uk We will learn how to create create CSS 3 Box Shadows. There is a free Box Shadows CSS3 Tutorial guide and web page to download here is the link to the download page bit.ly This is one of the best CSS3 upgrades that the web design community has been waiting for! This CSS will save so much time adding shadows to pictures and other elements on your Dreamweaver web designs. css 3 shadows or css box shadows are very easy to create with just a simple line of code. The css shadow box can also be positioned top, bottom, right and left of the image and you can also set a blur radius to make the effect look more authentic. learn to create shadows and shadow css3 painlessly with this Dreamweaver CS4 Tutorial. Learn how to use CSS3 Rounded Corners: www.youtube.com My Dreamweaver Tutorial website: www.dreamweavertutorial.co.uk Follow me on Twitter www.twitter.com My RSS feed for Dreamweaver Tutorial updates: www.dreamweavertutorial.co.uk Now you won’t have to make Box Shadows in Photoshop and Fireworks and position them with CSS anymore! Any questions please write a comment below!
Video Tutorial Rating: 4 / 5

Don’t forget to check out our other video tutorials or share this video with a friend.

1 Star2 Stars3 Stars4 Stars5 Stars 0 votes
Loading... 3,980 views

13 responses to “Dreamweaver Tutorial – CSS3 Box Shadows”

  1. HartleyHitman says:

    Dropshadows are nice for working with a light colored backgrounds, but Photoshops outer glow is just as fancy when dealing with darker webpages. While watching this video, I think that CSS3 may have inadvertently added an outer glow option by making a white drop shadow with a high shadow spread.

  2. clocknane says:

    Man, you sound just like Oliver or James Phelps (George and Fred Weasley) from Harry Potter. Haha awesome and very nice tutorials man, easy to follow.

  3. dianegibbsau says:

    very easy thanks!

  4. DreamWeaverTutorial says:

    sure, the easiest way would be to increase the pixel radius and set the alignments to 0.

  5. smokenfly514 says:

    So there’s no way to apply a shadow to both sides?

  6. chamb2008 says:

    dreamweaver is time consuming..good for learning basic css but prefer pro generators much more faster developing websites..ect serif x5

  7. troglodyte3344 says:

    No-one gives a SHIT.

  8. AiraceProductions says:

    p.s. its called MARKUP not CODE

  9. evdude2005 says:

    Great tutorial. What a time saver! Thanks so much.

  10. BoratWuschki says:

    CSS3 is awesome!!! I just found out an awesome effect for some frames:
    box-shadow: inset 0px 0px 500px #888;

  11. johnedwardthomas says:

    so i tried and it is not working – I even download ur file and it still did not work. I upgraded to 3.6 thinking that would solvve it, but it did not – what am I doing wrong?


  12. SofiaCartel says:

    Great Tutorial mate, keep up the good work!

  13. mimismosable says:

    This is the 2nd of your Tutorials I’ve tried. It’s so great when you see the result .

    And the way you are explaining its so-o clear and easy to understand(I’ve study Dreamweaver since last week )..every person who like to learn something can use it.because it’s written so good.

    Thank you…I’ve been wondering how this shadow actually can be done.

    Thank you,Thank you,

Leave a Reply

Your email address will not be published. Required fields are marked *