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.

0 votes

Loading... 4,335 views

13 responses to “Dreamweaver Tutorial – CSS3 Box Shadows”

1. HartleyHitman says:

   13/06/2012 at 9:58 am

   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.

   Reply
2. clocknane says:

   13/06/2012 at 10:30 am

   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.

   Reply
3. dianegibbsau says:

   13/06/2012 at 10:58 am

   very easy thanks!

   Reply
4. DreamWeaverTutorial says:

   13/06/2012 at 11:53 am

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

   Reply
5. smokenfly514 says:

   13/06/2012 at 12:21 pm

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

   Reply
6. chamb2008 says:

   13/06/2012 at 1:03 pm

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

   Reply
7. troglodyte3344 says:

   13/06/2012 at 1:36 pm

   No-one gives a SHIT.

   Reply
8. AiraceProductions says:

   13/06/2012 at 2:21 pm

   p.s. its called MARKUP not CODE

   Reply
9. evdude2005 says:

   13/06/2012 at 3:07 pm

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

   Reply
10. BoratWuschki says:

    13/06/2012 at 4:35 pm

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

    Reply
11. johnedwardthomas says:

    13/06/2012 at 5:18 pm

    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?

    Thanks

    Reply
12. SofiaCartel says:

    13/06/2012 at 5:55 pm

    Great Tutorial mate, keep up the good work!

    Reply
13. mimismosable says:

    13/06/2012 at 6:54 pm

    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,

    Reply