Наглядное представление некоторых css3 свойств

<style type="text/css">
.boxShadow {
  -webkit-box-shadow: -10px 10px 10px #DDD;
  -moz-box-shadow: -10px 10px 10px #DDD;
  box-shadow: -10px 10px 10px #DDD;
  border: solid 1px #AAA;
  padding: 5px;
}
</style>
<div class="boxShadow">
  Совсем недавно я принял решение наконец-то купить Box shadow.
  Оказывается даже в Москве это сделать не так просто, как кажется, – есть много подводных камней.
  По мнению главы британского Детского Министерства Беверли Хьюз (Beverly Hughes),
  большую роль в развитии у детей зависимости от Box shadow и потере у них интереса к играм на улице
  играет излишняя осторожность родителей, которым спокойнее оставить ребенка дома перед Box shadow
</div>

<style type="text/css">
.textShadow {
  text-shadow: 2px 2px 2px #AAA;
}
</style>
<div class="textShadow">
  На первый взгляд, работа шахтёра в разы сложнее мучений программистов  
  (программисты зашубуршали, захрустели костяшками пальцев), но это лишь видимость.  
  Потому что программист уже живёт в реальности Text shadow, оставаясь при этом человеком,  
  в то время как шахтёр, проехавшись на трамвайчике до дома, попадает не в ещё один  
  филиал Text shadow, а действительно домой – скромную обитель индустриального трудяги.  
  Друг не всегда Text shadow, но Text shadow всегда друг. Впечатление, производимое  
  Text shadow подобно свеженаполненному бокалу шампанского.
</div>

<style type="text/css">
.wordwrap{
  -ms-word-break: break-all;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  border: solid 1px #AAA;
}
</style>
<div class="wordwrap">
  Давайтенапишемдлинноепредлинноесловоиувидимперенесется ли оно.
  Если перенеслось, то значит свойство word-wrap сработало,  
  а если это слово выпирает за пределы блока, то это свойство не сработало
</div>

<style type="text/css">
.borderradius{
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: solid 5px #FF931E;
  padding: 5px;
}
</style>
<div class="borderradius">
  Мы всегда ждем Border image, и, в глубине души, надеемся, что с каждым разом Border image будет все лучше и лучше.
  Не бойтесь признаться в этом. Соль Border image в следующем: лучшие вещи в мире, во-первых, не вещи, а по-сути –
  Border image, и во-вторых, в практическом смысле совершенно бесполезны. Сегодня занятие Border image –  
  увлекательное творческое занятие, которое приносит удовольствие и зрителям, и исполнителям.  
  Переворачивая Border image, мы теряем ног своих опору.
</div>

<style type="text/css">
.bordercolors{
  border: 8px solid #FF931E;
  -moz-border-top-colors: #FF931E #666 #FF931E #888 #FF931E #aaa #FF931E #FF931E;
  -moz-border-left-colors: #FF931E #666 #FF931E #888 #FF931E #aaa #FF931E #FF931E;
  -moz-border-right-colors: #FF931E #666 #FF931E #888 #FF931E #aaa #FF931E #FF931E;
  -moz-border-bottom-colors: #FF931E #666 #FF931E #888 #FF931E #aaa #FF931E #FF931E;
  border-top-colors: #FF931E #666 #FF931E #888 #FF931E #aaa #FF931E #FF931E;
  border-left-colors: #FF931E #666 #FF931E #888 #FF931E #aaa #FF931E #FF931E;
  border-right-colors: #FF931E #666 #FF931E #888 #FF931E #aaa #FF931E #FF931E;
  border-bottom-colors: #FF931E #666 #FF931E #888 #FF931E #aaa #FF931E #FF931E;
  padding: 5px;
}
</style>
<div class="bordercolors">
  Мы всегда ждем Border image, и, в глубине души, надеемся, что с каждым разом Border image будет все лучше и лучше.
  Не бойтесь признаться в этом. Соль Border image в следующем: лучшие вещи в мире, во-первых, не вещи, а по-сути –
  Border image, и во-вторых, в практическом смысле совершенно бесполезны. Сегодня занятие Border image –  
  увлекательное творческое занятие, которое приносит удовольствие и зрителям, и исполнителям.  
  Переворачивая Border image, мы теряем ног своих опору.
</div>

<style type="text/css">
.resize{
  padding: 5px;
  resize: both;
  height: 150px;
  overflow: auto;
  border: solid 1px #AAA;  
}
</style>
<div class="resize">
  Мы всегда ждем Border image, и, в глубине души, надеемся, что с каждым разом Border image будет все лучше и лучше.
  Не бойтесь признаться в этом. Соль Border image в следующем: лучшие вещи в мире, во-первых, не вещи, а по-сути –
  Border image, и во-вторых, в практическом смысле совершенно бесполезны. Сегодня занятие Border image –  
  увлекательное творческое занятие, которое приносит удовольствие и зрителям, и исполнителям.  
  Переворачивая Border image, мы теряем ног своих опору.
</div>