Blog - Latest News

More Advanced CSS box shadow

67 Comments/ in CSS Tricks / by Jason Ellis

February 14, 2012

If you want a really cool looking box shadow then check out this one:

div#content{
  -moz-box-shadow: 1px 1px #CCCCCC, 2px 2px #CCCCCC, 3px 3px #CCCCCC, 4px 4px #CCCCCC, 5px 5px #CCCCCC, 6px 6px #CCCCCC, 7px 7px #CCCCCC, 8px 8px #CCCCCC, 9px 9px #CCCCCC, 10px 10px #CCCCCC, 11px 11px #CCCCCC, 12px 12px #CCCCCC, 13px 13px #CCCCCC, 14px 14px #CCCCCC, 15px 15px #CCCCCC;
  -webkit-box-shadow: 1px 1px #CCCCCC, 2px 2px #CCCCCC, 3px 3px #CCCCCC, 4px 4px #CCCCCC, 5px 5px #CCCCCC, 6px 6px #CCCCCC, 7px 7px #CCCCCC, 8px 8px #CCCCCC, 9px 9px #CCCCCC, 10px 10px #CCCCCC, 11px 11px #CCCCCC, 12px 12px #CCCCCC, 13px 13px #CCCCCC, 14px 14px #CCCCCC, 15px 15px #CCCCCC;
  box-shadow: 1px 1px #CCCCCC, 2px 2px #CCCCCC, 3px 3px #CCCCCC, 4px 4px #CCCCCC, 5px 5px #CCCCCC, 6px 6px #CCCCCC, 7px 7px #CCCCCC, 8px 8px #CCCCCC, 9px 9px #CCCCCC, 10px 10px #CCCCCC, 11px 11px #CCCCCC, 12px 12px #CCCCCC, 13px 13px #CCCCCC, 14px 14px #CCCCCC, 15px 15px #CCCCCC;
}

Try it out and look at the result!

Tags: box shadow, css

← Basic CSS Box Shadow

Image rollovers in CSS →

Vertically align image in a container

Word Wrap in CSS

How to create the dotted line effect

Basic CSS Box Shadow

Comments

67 Responses to More Advanced CSS box shadow

Frederick says:
May 22, 2013 at 4:10 am

Enjoy your blog )
http://eeypwyat.com my blog
Reply

Trackbacks & Pingbacks

The Aromhuset Classic Cola Soda Concentrate says:

May 25, 2013 at 3:58 pm

A Big Thanks…

A round of applause for your wonderful article post. Certainly thank you! Want more….

Reply
kids says:

May 25, 2013 at 2:15 pm

kids…

[...]Wonderful story, reckoned we could combine some unrelated information, nonetheless truly really worth taking a appear, whoa did one particular discover about Mid East has got a lot more problerms at the same time [...]…

Reply
e cigarette reviews says:

May 25, 2013 at 9:45 am

e cigarette reviews…

[...]check beneath, are some completely unrelated internet sites to ours, nevertheless, they may be most trustworthy sources that we use[...]…

Reply
security company says:

May 25, 2013 at 6:10 am

security company…

[...]Here are a few of the internet sites we suggest for our visitors[...]…

Reply
CbMaker says:

May 25, 2013 at 4:56 am

CbMaker…

[...]the time to read or stop by the content or web sites we have linked to below the[...]…

Reply
Mumbai Pune Cabs says:

May 24, 2013 at 11:29 pm

Good Info…

Cheers well said.. this article was really good…

Reply
See through bra says:

May 24, 2013 at 8:31 pm

See through bra…

[...]check below, are some entirely unrelated web-sites to ours, on the other hand, they are most trustworthy sources that we use[...]…

Reply
Genesis Rare Diamonds says:

May 24, 2013 at 7:30 pm

Genesis Rare Diamonds…

Genesis Rare Diamonds features stones from the world famous…

Reply
click to read says:

May 24, 2013 at 5:25 pm

New Times…

Great data is often located on this net blog….

Reply
mobil says:

May 24, 2013 at 4:44 pm

mobil…

[...]The facts talked about within the post are several of the top offered [...]…

Reply
SEO SERVICES FIRM says:

May 24, 2013 at 2:22 pm

Online Article…

I’m glad to envision that people are actually writing regarding this issue in such a smart means, showing us all different sides to it. you are a great blogger. Please keep it up. I cant wait to read whats next….

Reply
yorkshire says:

May 24, 2013 at 11:15 am

yorkshire…

[...]always a significant fan of linking to bloggers that I appreciate but do not get a great deal of link love from[...]…

Reply
The Aromhuset Classic Cola Soda Concentrate says:

May 24, 2013 at 9:07 am

Appreciate It…

Appreciate you for actually sharing, really good article. Really looking forward to reading a lot more. Will read more……

Reply
distilling brandy says:

May 24, 2013 at 9:06 am

Major Thanks…

Im thankful with the weblog article. Really Great….

Reply
Know About Genesis Diamonds says:

May 24, 2013 at 6:38 am

Know About Genesis Diamonds…

apparent to Mr. Kushner that several individuals have an animosity and dislike for our company which is misguided, vitriolic in nature and based upon a desire to cause us financial harm.…

Reply
celine handbags says:

May 24, 2013 at 5:43 am

celine handbags…

http://tinyurl.com/p3yfmbj celine handbags price awe-inspiring so does your own woman…

Reply
Ketone Balance Duo says:

May 24, 2013 at 3:03 am

Ketone Balance Duo…

I feel generally to blogs and i must say i get pleasure from your articles. The content possesses truly highs our interest. I will save your blog and also retain verifying intended for completely new facts….

Reply
home page says:

May 23, 2013 at 7:39 pm

home page…

[...]check beneath, are some entirely unrelated internet websites to ours, nevertheless, they are most trustworthy sources that we use[...]…

Reply
single wealthy women says:

May 23, 2013 at 4:32 pm

single wealthy women…

[...]Wonderful story, reckoned we could combine some unrelated data, nevertheless really really worth taking a appear, whoa did one particular understand about Mid East has got additional problerms too [...]…

Reply
hostgator promo codes says:

May 23, 2013 at 3:47 pm

hostgator promo codes…

[...]Every as soon as inside a whilst we decide on blogs that we study. Listed beneath would be the most up-to-date websites that we decide on [...]…

Reply
seo of a company says:

May 23, 2013 at 3:29 pm

seo of a company…

[...]Wonderful story, reckoned we could combine a number of unrelated data, nevertheless genuinely really worth taking a look, whoa did one learn about Mid East has got much more problerms also [...]…

Reply
computers desktops says:

May 23, 2013 at 12:28 pm

computers desktops…

[...]Wonderful story, reckoned we could combine several unrelated information, nevertheless definitely worth taking a appear, whoa did 1 find out about Mid East has got much more problerms too [...]…

Reply
car maintenance tips says:

May 23, 2013 at 12:10 pm

car maintenance tips…

[...]The data mentioned within the post are a few of the best readily available [...]…

Reply
home page says:

May 23, 2013 at 10:08 am

home page…

[...]the time to read or check out the content or sites we have linked to below the[...]…

Reply
home brewing supplies says:

May 23, 2013 at 8:47 am

Enjoyed…

Hey, thank you so much for this terrific content post. Thanks Again and again….

Reply
boy clothing says:

May 23, 2013 at 8:05 am

boy clothing…

[...]please check out the web-sites we follow, such as this 1, because it represents our picks from the web[...]…

Reply
Miami diet doctor says:

May 22, 2013 at 5:40 pm

Miami diet doctor…

[...]here are some links to web sites that we link to due to the fact we assume they are really worth visiting[...]…

Reply
How Do I Lose Weight Fast says:

May 22, 2013 at 4:15 pm

How Do I Lose Weight Fast…

[...]just beneath, are quite a few absolutely not related web-sites to ours, on the other hand, they’re certainly worth going over[...]…

Reply
cheap background check says:

May 22, 2013 at 12:42 pm

cheap background check…

[...]Sites of interest we’ve a link to[...]…

Reply
thewebdesigner says:

May 22, 2013 at 7:14 am

The Best Guide To Easier Web Designing…

Guide in having an easy web designing process…

Reply
low investment business strategies says:

May 22, 2013 at 6:40 am

low investment business strategies…

[...]that would be the finish of this write-up. Right here you will locate some websites that we feel you will enjoy, just click the hyperlinks over[...]…

Reply
nz-dating says:

May 22, 2013 at 2:25 am

nz-dating…

What exactly do you perform if you find your own sister on an online dating site- and she has underage? Well if you are worried about i den forbindelse, congratulations to be a fantastic cousin. Your own cousin may not prefer the way you have been look…

Reply
http://www.powerhoster.com says:

May 22, 2013 at 1:59 am

http://www.powerhoster.com…

So as to have a brand on the web you should get a domain and web hosting. A valid website name is very necessary for your professional site if you wish to advertise it on the web. If you wish to show your own domain it is highly necessary for you to fi…

Reply
disabled railcard says:

May 22, 2013 at 12:05 am

disabled railcard…

[...]the time to read or check out the subject material or websites we’ve linked to below the[...]…

Reply
China Shopping says:

May 21, 2013 at 10:05 pm

China Shopping…

[...]please take a look at the web pages we adhere to, including this one, because it represents our picks through the web[...]…

Reply
women says:

May 21, 2013 at 10:02 pm

hello…

Great blog you have here.. Itâ€™s hard to find good quality writing like yours nowadays. I seriously appreciate people like you! Take care!!…

Reply
jkd says:

May 21, 2013 at 7:31 pm

jkd…

[...]usually posts some quite intriguing stuff like this. If you are new to this site[...]…

Reply
Florida Home says:

May 21, 2013 at 6:10 pm

Florida Home…

[...]very handful of sites that come about to become comprehensive below, from our point of view are undoubtedly effectively really worth checking out[...]…

Reply
risk says:

May 21, 2013 at 5:43 pm

risk…

[...]Wonderful story, reckoned we could combine a number of unrelated data, nevertheless genuinely really worth taking a search, whoa did one particular learn about Mid East has got much more problerms also [...]…

Reply
wanted man says:

May 21, 2013 at 12:32 pm

wanted man…

[...]Sites of interest we have a link to[...]…

Reply
ecommerce website design says:

May 21, 2013 at 9:34 am

ecommerce website design…

[...]just beneath, are various completely not associated websites to ours, nevertheless, they may be certainly worth going over[...]…

Reply
visit site says:

May 21, 2013 at 8:47 am

visit to site…

with gift cards…

Reply
good says:

May 20, 2013 at 4:31 pm

Translates Ideas into Action…

Precisely what I was looking for, thanks for posting….

Reply
external link says:

May 20, 2013 at 4:19 pm

Healing’s Dragon…

to find difficulties to further improve my web-site!I suppose its alright to help make use of several of your respective principles!!…

Reply
игра престолов скачать says:

May 19, 2013 at 7:45 am

Игра престолов скачать торрент…

«Игра престолов» (Game of Thrones) – американский драматический телесериал в жанре фэнтези, созданный по мотивам цикла романов «Песнь Льда и Огня» писателя Джорджа Мартина….

Reply
zasłonka prysznicowa says:

May 18, 2013 at 3:49 pm

great…

I am now not certain the place you\’re getting your information, however great topic. I must spend a while finding out more or understanding more. Thank you for fantastic info I used to be in search of this info for my mission….

Reply
Cheap red bottom shoes says:

May 18, 2013 at 9:59 am

News info…

I was reading the news and I saw this really cool topic…

Reply
more... says:

May 18, 2013 at 1:09 am

Souls in the Waves…

Very good Morning, I just stopped in to visit your website and imagined I would say I experienced myself….

Reply
davinci lawsuit says:

May 17, 2013 at 8:26 pm

Third Flower…

My wife and that i are actually now delighted that Albert could perform his studies due to the thoughts he had as a result of your online page. It truly is once in a while perplexing to only often be giving freely measures which a number of people coul…

Reply
read more says:

May 17, 2013 at 5:59 pm

…

[...]here are some hyperlinks to web-sites that we link to due to the fact we consider they may be worth visiting[...]…

Reply
distillery says:

May 17, 2013 at 6:14 am

Wonderful Blog…

Thank you so much ever so for your superb article write-up. Much thanks once more. Great….

Reply
Fort Collins Seo says:

May 16, 2013 at 9:08 pm

Thanks To Search Engine Optimization, Your Website Could Rank Higher In Search Results….

The Organic Way To Search Engine Optimize Your Site…

Reply
URL says:

May 16, 2013 at 8:44 pm

… [Trackback]…

[...] Read More Infos here: jasonellis.ca/css-tricks/more-advanced-css-box-shadow/ [...]…

Reply
Mon blog says:

May 16, 2013 at 1:58 pm

Looking around…

I like to surf around the internet, often I will go to Digg and follow thru…

Reply
My blog says:

May 16, 2013 at 1:40 pm

Its hard to find good help…

I am constantnly proclaiming that its hard to find good help, but here is…

Reply
My site says:

May 16, 2013 at 12:11 pm

Tumblr article…

I saw a writer writing about this on Tumblr and it linked to…

Reply
Just Some Thoughts on My Site says:

May 16, 2013 at 10:41 am

News info…

I was reading the news and I saw this really cool information…

Reply
site internet says:

May 16, 2013 at 10:06 am

Whispering Misty…

So sorry you can miss the workshop!…

Reply
alcohol says:

May 16, 2013 at 8:01 am

Really Enlightening Weblog…

I’m so grateful for your article. Much thanks again. Excellent….

Reply
view site... says:

May 15, 2013 at 9:00 pm

Healing’s Dragon…

to locate troubles to improve my internet site!I suppose its ok for making utilization of a few of the principles!!…

Reply
Belgravia Villas says:

May 15, 2013 at 8:14 pm

Singapore Property Agent…

How can I include a social bookmark to this website and I can read new articles? Your writing is extremely great!…

Reply
BLACKDEVER - cadastre-se e garanta sua posição says:

May 15, 2013 at 2:22 pm

BLACKDEVER – Revolução do marketing multinvel, ira pagar 5x mais….

apresentamos Blackdever. Uma oportunidade para você se realizar em todos os sentidos…

Reply
Video About E Liquid says:

May 15, 2013 at 1:03 pm

Gems form the internet…

[...]very few websites that happen to be detailed below, from our point of view are undoubtedly well worth checking out[...]……

Reply
Canada web design, Toronto web design, Web hosting says:

May 15, 2013 at 6:12 am

The Absent Game…

In between me and my husband we have owned a lot more MP3 gamers through the years than I can count, like Sansas, iRivers, iPods (traditional & touch), the Ibiza Rhapsody, etc. But, the last few ages I’ve settled down to one line of gamers….

Reply
Plotso Bigmano says:

May 12, 2013 at 12:11 am

Souls in the Waves…

Fantastic Early morning, I just stopped in to visit your internet site and thought I’d say I liked myself….

Reply
URL says:

May 11, 2013 at 5:36 pm

… [Trackback]…

[...] There you will find 75959 more Infos: jasonellis.ca/css-tricks/more-advanced-css-box-shadow/ [...]…

Reply

Want to join the discussion?
Feel free to contribute!

Blog - Latest News

More Advanced CSS box shadow

67 Responses to More Advanced CSS box shadow

Trackbacks & Pingbacks

Leave a Reply

Leave a Reply Cancel reply

Search Blog

Recent Posts

Categories

Latest Tweets

Blogs by Month

Categories