Вы находитесь на сайте CentR-CS.my1.Ru, который посвящен игровой тематике. На сайте вы можете найти все для CS:Source, все для CS 1.6, все для системы uCoz и многое другое. Напоминаем, что для игроков CS:Source и CS 1.6 у нас имеется большой выбор файлов, от плагинов до моделей.


Реклама на форуме:


  • Страница 1 из 1
  • 1
Модератор форума: ExclusivE  
Форум » Скрипты для uCoz » Другие скрипты » Повернутый блок с тенью
Повернутый блок с тенью
CENTR_CSДата: Суббота, 16.07.2011, 08:19 | Сообщение # 1


FoL
Сообщений: 630
Награды: 6
Репутация: 148
сам блок:
Code
<div class="rotated">  
<p>Содержимое блока</p>  
</div>

css:
Code
.rotated {  
position:relative;  
width:40%;  
padding:1em;  
margin:2em 10px 4em;  
background:#fff;  
border-radius:4px;  
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  
-moz-border-radius:4px;  
-webkit-box-shadow:none;  
-moz-box-shadow:none;  
box-shadow:none;  
-webkit-transform:rotate(-3deg);  
-moz-transform:rotate(-3deg);  
-ms-transform:rotate(-3deg);  
-o-transform:rotate(-3deg);  
transform:rotate(-3deg);  
}  

.rotated > :first-child:before {  
content:"";  
position:absolute;  
z-index:-1;  
top:0px;  
bottom:0;  
left:0;  
right:0px;  
background:#fff;  
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  
}  

.rotated:before,  
.rotated:after {  
content:"";  
position:absolute;  
z-index:-2;  
bottom:15px;  
left:10px;  
width:50%;  
height:20%;  
max-width:300px;  
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);  
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);  
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);  
-webkit-transform:rotate(-3deg);  
-moz-transform:rotate(-3deg);  
-ms-transform:rotate(-3deg);  
-o-transform:rotate(-3deg);  
transform:rotate(-3deg);  
}  

.rotated:after {  
right:10px;  
left:auto;  
-webkit-transform:rotate(3deg);  
-moz-transform:rotate(3deg);  
-ms-transform:rotate(3deg);  
-o-transform:rotate(3deg);  
transform:rotate(3deg);  
}  

.rotated p {  
font-size:16px;  
font-weight:bold;  
}


ПРОДАМ ЭТО САЙТ ПИСАТЬ n0-sounjkee@mail.ru
₣ǾŁ



 
Форум » Скрипты для uCoz » Другие скрипты » Повернутый блок с тенью
  • Страница 1 из 1
  • 1
Поиск:


Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
CENTR_CS Постов [ 630 ]
Demon Постов [ 61 ]
aWELQIN Постов [ 58 ]
PaTiaS Постов [ 46 ]
makarRU Постов [ 24 ]
Almat Постов [ 23 ]
lewsdiz Постов [ 15 ]
Hy6 Постов [ 14 ]
Olizina Постов [ 7 ]
igoroha3 Постов [ 5 ]
CENTR_CS Репутация [ 148 ]
Demon Репутация [ 56 ]
Elegant Репутация [ 31 ]
PaTiaS Репутация [ 18 ]
neoNIKs Репутация [ 15 ]
4eJLoBek Репутация [ 12 ]
Almat Репутация [ 10 ]
Vongola_Decimor Репутация [ 8 ]
aWELQIN Репутация [ 7 ]
Olizina Репутация [ 5 ]
Игра в Города [ 28 ]
Смайлик твоего настроени... [ 26 ]
Включаю-Выключаю свет [ 26 ]
Игра в СловА [ 21 ]
Игра в Имена [ 17 ]
Игра в Фильмы [ 17 ]
Ассоциации [ 15 ]
Общение персонала [ 14 ]
Только три слова! [ 13 ]
Считаем до 1000 и обратн... [ 13 ]
Правила раздела [ 1 ]
Макет [ 1 ]
Набор в кланы [ 2 ]
Правила заказа. [ 1 ]
Автоматический пересчёт [ 1 ]
Внимание пользователи са... [ 1 ]
Не копипаст! Баг для при... [ 1 ]
New Wh no inject [ 1 ]
Станция метро. [ 1 ]
Конкурс "Удача"... [ 5 ]