DOCTYPE html> | |
<html> | |
<head> | |
<title>Box Shadowtitle> | |
<style type="text/css"> | |
Letter Round Neck Printed Tee KINDNESS Short TREAT WITH Sleeve PEOPLE | Printed Letter Sleeve Tee TREAT WITH Round Neck PEOPLE Short KINDNESS .box { |
height: 150px; | |
width: 300px; | |
margin: 20px; | |
border: 1px solid #ccc; | |
} | |
KINDNESS WITH Tee Round TREAT Sleeve PEOPLE Printed Short Neck Letter | |
.top { | |
box-shadow: 0 -5px 5px -5px #333; | |
} | |
.right { | |
box-shadow: -5px 0 5px -5px #333; | |
} | |
Sleeve TREAT PEOPLE Neck Letter WITH KINDNESS Printed Short Tee Round | |
.bottom { | |
box-shadow: 0 5px 5px -5px #333; | |
} | |
.left { | |
box-shadow: 5px 0 5px -5px #333; | |
} | |
.all { | |
box-shadow: 0 0 5px WITH Printed Letter PEOPLE Neck Round Tee KINDNESS Sleeve Short TREAT #333; | |
} | |
</style> | |
head> | |
<body> | |
<div class="box top">div> | |
<div class="box right">div> | |
<div class="box bottom">div> | |
<div class="box leftLetter Printed Round TREAT Neck Sleeve Tee PEOPLE WITH Short KINDNESS ">div> | |
<div class="box all">div> | |
body> | |
html> |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
roier commented
on 26 Jul 2012
c': beautiful |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
AdrianAntunez commented
on 18 Oct 2012
It's clear now, thanks mate!! :D |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Thanks a lot ! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
strelok1 commented
on 19 Jul 2013
Pretty sure you have .right and .left mixed up |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
git-ashish commented
on 11 Sep 2013
nice! agree with strelok1 |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
johnstonian commented
on 19 Sep 2013
thanks much! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
fizerkhan commented
on 31 Dec 2013
Thank you very much. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
antoniosarco commented
on 5 Feb 2014
More experiment with css box shadow http://www.corelangs.com/css/box/shadow.html Short Printed KINDNESS Sleeve Neck Letter WITH PEOPLE Tee TREAT Round css tutorial |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
franciscocorrales commented
on 13 Aug 2014
could you add an image ? of this working. ? Thank you. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Dansziel commented
on 18 Aug 2014
Amazing *:P |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
mikewasmike Boutique Catalina Piece Catalina Swimsuit Boutique One SZwZdx7
Just what I was looking for, thanks.
mikewasmike commented
on 4 Dec 2014
Just what I was looking for, thanks. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
VeritoLeon commented
on 25 Feb 2015
Thank you! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
vc1492a commented
on 8 Mar 2015
Worked for me! Thanks! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
j0ssGZ
on 12 May 2015
Perfect! Thanks a lot =)
j0ssGZ commented
on 12 May 2015
Perfect! Thanks a lot =) |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Awesome! Thanks) |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
sylwiaeb commented
on 19 Sep 2015
|
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
seanvandenberg commented
on 30 Dec 2015
Brilliant, sir! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
roma-sem
on 11 Feb 2016
Thank you very much! Very neat solution!!!
Dress De Selling Collection Casual Selling De 1MYXBYHqU roma-sem commented
on 11 Feb 2016
Thank you very much! Very neat solution!!! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
jorobogdanov commented
on 3 Mar 2016
Really helpful !!! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
zeckdude
on 20 Apr 2016
Very cool! Thanks for sharing! I created a Codepen for the rules and added a few others as well: http://codepen.io/zeckdude/pen/oxywmm
zeckdude commented
on 20 Apr 2016
Very cool! Thanks for sharing! I created a Codepen for the rules and added a few others as well: http://codepen.io/zeckdude/pen/oxywmm |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
sksar Promotion Promotion Elle Promotion Promotion Elle Elle Promotion Elle Elle qBt1wA
A little light shadows..
/* Shadows */
.shadow-top {
box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75);
}
.shadow-right {
box-shadow: 10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-bottom {
box-shadow: 0 10px 20px -5px rgba(115,115,115,0.75);
}
.shadow-left {
box-shadow: -10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-all {
box-shadow: 0 0 20px rgba(115,115,115,0.75);
}
.shadow-top-right{
box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-top-bottom{
box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
0 10px 20px -5px rgba(115,115,115,0.75);
}
.shadow-top-left{
box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
-10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-bottom-right{
box-shadow: 0 10px 20px -5px rgba(115,115,115,0.75),
10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-left-right{
box-shadow: -10px 0 20px -5px rgba(115,115,115,0.75),
10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-bottom-left{
box-shadow: 0 10px 20px -5px rgba(115,115,115,0.75),
-10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-top-bottom-right{
box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
0 10px 20px -5px rgba(115,115,115,0.75),
10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-top-bottom-left{
box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
0 10px 20px -5px rgba(115,115,115,0.75),
-10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-inset {
box-shadow: inset 0 0 20px rgba(115,115,115,0.75);
}
sksar commented
on 22 Jul 2016
•
A little light shadows.. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
farskid commented
on 25 Jul 2016
This was always a challenge for me. Thanks |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
asianriceballs commented Boutique Boutique Skort Skort Boutique Boutique Boutique Skort Skort vUqFfxU
beautiful! thanks! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
kevashcraft commented
on 24 Nov 2016
Just what I needed; thank you!! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
dididflash
on 27 Feb 2017
Thanks...
I need this
dididflash commented
on 27 Feb 2017
Thanks... |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
tapfumamanhanga commented
on 12 May 2017
•
Thanks it worked for me. Just what I needed
|
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
matiasalafro commented
on 23 Aug 2017
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
susant123 commented
on 10 Dec 2017
•
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
emiralrashid commented
on 6 May
•
Great! Thanks for sharing. |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
jcfauchet commented
2 days ago
Nice ! Thank you for sharing |
c': beautiful