Главная » Раздел uCoz » Скрипты и модификации для Ucoz

Трехмерные Удивительные Кнопки с CSS3

1075

4.6 из 10
Проголосовало: 3

html

Code

css

Code

a.button {
  box-shadow:
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  3px -3px 0 rgb(241,91,38),
  4px -4px 0 rgb(241,91,38),
  0 0 10px rgba(0,0,0,0.6);
  -webkit-box-shadow: /* Safari, Chrome */
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  3px -3px 0 rgb(241,91,38),
  4px -4px 0 rgb(241,91,38),
  0 0 10px rgba(0,0,0,0.6);
  -moz-box-shadow: /* Firefox */
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  3px -3px 0 rgb(241,91,38),
  4px -4px 0 rgb(241,91,38),
  0 0 10px rgba(0,0,0,0.6);
  -o-box-shadow: /* Opera */
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  3px -3px 0 rgb(241,91,38),
  4px -4px 0 rgb(241,91,38),
  0 0 10px rgba(0,0,0,0.6);
  color: rgb(193,193,193);
  display: block;
  font-size: 12px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
a#tutorial-toggle {
  background: rgb(255,255,255);
  border-radius: 25px;
  -webkit-border-radius: 25px; /* Safari, Chrome */
  -moz-border-radius: 25px; /* Firefox */
  -o-border-radius: 25px; /* Opera */
  height: 30px;
  line-height: 30px;
  width: 30px;
}
  a.on {
  box-shadow:
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  0 0 6px rgba(0,0,0,0.6);
  -webkit-box-shadow: /* Safari, Chrome */
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  0 0 6px rgba(0,0,0,0.6);
  -moz-box-shadow: /* Firefox */
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  0 0 6px rgba(0,0,0,0.6);
  -o-box-shadow: /* Opera */
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  0 0 6px rgba(0,0,0,0.6);
  color: rgb(0,0,0);
  margin: -2px -2px 2px 2px;
  }
  a.button:active,
  a.on:active {
  box-shadow:
  1px -1px 0 rgb(241,91,38),
  0 0 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: /* Safari, Chrome */
  1px -1px 0 rgb(241,91,38),
  0 0 3px rgba(0,0,0,0.3);
  -moz-box-shadow: /* Firefox */
  1px -1px 0 rgb(241,91,38),
  0 0 3px rgba(0,0,0,0.3);
  -o-box-shadow: /* Opera */
  1px -1px 0 rgb(241,91,38),
  0 0 3px rgba(0,0,0,0.3);
  margin: -3px -3px 3px 3px;
  }

a.button {
  box-shadow:
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  3px -3px 0 rgb(241,91,38),
  4px -4px 0 rgb(241,91,38),
  0 0 10px rgba(0,0,0,0.6);
  -webkit-box-shadow: /* Safari, Chrome */
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  3px -3px 0 rgb(241,91,38),
  4px -4px 0 rgb(241,91,38),
  0 0 10px rgba(0,0,0,0.6);
  -moz-box-shadow: /* Firefox */
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  3px -3px 0 rgb(241,91,38),
  4px -4px 0 rgb(241,91,38),
  0 0 10px rgba(0,0,0,0.6);
  -o-box-shadow: /* Opera */
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  3px -3px 0 rgb(241,91,38),
  4px -4px 0 rgb(241,91,38),
  0 0 10px rgba(0,0,0,0.6);
  color: rgb(193,193,193);
  display: block;
  font-size: 12px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

a#tutorial-toggle {
  background: rgb(255,255,255);
  border-radius: 25px;
  -webkit-border-radius: 25px; /* Safari, Chrome */
  -moz-border-radius: 25px; /* Firefox */
  -o-border-radius: 25px; /* Opera */
  height: 30px;
  line-height: 30px;
  width: 30px;
}

a.on {
  box-shadow:
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  0 0 6px rgba(0,0,0,0.6);
  -webkit-box-shadow: /* Safari, Chrome */
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  0 0 6px rgba(0,0,0,0.6);
  -moz-box-shadow: /* Firefox */
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  0 0 6px rgba(0,0,0,0.6);
  -o-box-shadow: /* Opera */
  1px -1px 0 rgb(241,91,38),
  2px -2px 0 rgb(241,91,38),
  0 0 6px rgba(0,0,0,0.6);
  color: rgb(0,0,0);
  margin: -2px -2px 2px 2px;
}

a.button:active,
a.on:active {
  box-shadow:
  1px -1px 0 rgb(241,91,38),
  0 0 3px rgba(0,0,0,0.3);
  -webkit-box-shadow: /* Safari, Chrome */
  1px -1px 0 rgb(241,91,38),
  0 0 3px rgba(0,0,0,0.3);
  -moz-box-shadow: /* Firefox */
  1px -1px 0 rgb(241,91,38),
  0 0 3px rgba(0,0,0,0.3);
  -o-box-shadow: /* Opera */
  1px -1px 0 rgb(241,91,38),
  0 0 3px rgba(0,0,0,0.3);
  margin: -3px -3px 3px 3px;
}

Автор публикации: Загрузка

Загрузка

Вовчик, это его n-й материал

Источник: http://htmldrive.net/items/show/799/3D-Awesome-Buttons-with-...

Ваше мнение о материале Загрузка

Оставить первым комментарий:

Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход

Меню сайта

Категории

Для помощи создания сайта uCoz 25

Скрипты и модификации для Ucoz 2126

Шаблоны форумов Ucoz 28

Шаблоны сайтов Ucoz 433

Авторство Webo4ki 309

php скрипты для ucoz 57

Графика для uCoz 40

Мини-чат

Последние комментарии

mrnoobsky написал:

Перейти

CulturalVibes

Это моя работа, которая велась давольно таки давно smile

Времени было мало, поэтому я скачал полностью все, что было и сделал архив happy

Snoopak написал:

Перейти

CulturalVibes

111 мегабайт? wtf? Что в архив напихали?

mrnoobsky написал:

Перейти

CulturalVibes

Левое меню это BLG. Возможны какие-то баги, но в целом все должно работать корректно!

geleson2222 написал:

Перейти

Мне не нравится ваш сайт

Doc120 написал:

Перейти

Cкрытие $POWERED_BY$

/* Скрывает каперайт ucoz */
.banner_u {
opacity:0.2 ;
}
/* ----------------- */
opacity:0.1 ; это легальное скрытее $POWERED_BY$
ставим в ccs не ставте 0.0 тоже за банят 1.1 можно сам пользуюсь.

Последние темы

Флудилка 1603

Flock 23

Webo4ka ЖИВИ! 4

Проблема, в разделе добавления материало... 0

Соберемся вместе?) 3

Отзывы о k43 14

Яндекс забанил сайт. 8

Создать "Создание" - Favicon &... 2

Верстальщик 0

Опрос

Статистика

онлайн

наших

чужих

Сегодня были

Зарегистрировано 8759
Файлов 3018
Комментариев 12486
Отзывов 138
Тем 6539
Постов 62572
тИЦ/PR 30/2

Друзья сайта:

Связаться с администратором для дружбы! В Вовчик

Nk-CS.Ru - Лучшие шаблоны для uCoz n na3uTuB4uk94

Web-мастер системы uCoz R Roman_Domnin

Связаться с администратором для дружбы! В Вовчик

Топ пользователей:

02.01.2010 Дата регистрации ID: 1 Вовчик Администратор Группа 2371 Кол.репутации 8683 Кол.сообщений	05.07.2011 Дата регистрации ID: 1238 k43 Друзья Группа 12981 Кол.репутации 2955 Кол.сообщений	26.09.2011 Дата регистрации ID: 1658 Voker VIP Группа 9993 Кол.репутации 2579 Кол.сообщений	18.09.2011 Дата регистрации ID: 1620 BLAzER Друзья Группа 13398 Кол.репутации 2339 Кол.сообщений	03.01.2012 Дата регистрации ID: 2273 Kelin Проверенные Группа 3543 Кол.репутации 2049 Кол.сообщений	02.06.2011 Дата регистрации ID: 1051 BlackPh Пользователи Группа 538 Кол.репутации 1396 Кол.сообщений
01.04.2011 Дата регистрации ID: 692 vover6 Друзья Группа 10431 Кол.репутации 1090 Кол.сообщений	28.03.2011 Дата регистрации ID: 664 InteGrant VIP Группа 1295 Кол.репутации 1080 Кол.сообщений	23.06.2010 Дата регистрации ID: 47 WooFi Друзья Группа 2213 Кол.репутации 1052 Кол.сообщений	02.08.2011 Дата регистрации ID: 1383 Maestro VIP Группа 11394 Кол.репутации 1046 Кол.сообщений	01.03.2011 Дата регистрации ID: 541 Hermes VIP Группа 2147 Кол.репутации 942 Кол.сообщений	17.01.2011 Дата регистрации ID: 389 CreativeBoy Проверенные Группа 2025 Кол.репутации 789 Кол.сообщений

Обратная связь

Правила

RSS
RSS-Load RSS-Forum Sitemap-Load Sitemap-Forum Прямая ссылка
+18

№	Правила	Замечание	Дней
1	Мат в любой форме (в комментариях, в мини-чате, на форуме, в личных сообщениях).	Бан	От 7 дней
2	Спам в любой форме (в комментариях, в мини-чате, на форуме, в личных сообщениях).	Бан	От 7 дней
3	Обман пользователей сайта, введение в заблуждение, а так же обман в разделе "Жалобы".	Бан	От 7 дней
4	Расизм на сайте.	Бан	От 7 дней
5	Рип шаблона webo4ka.ru и его частей.	Бан	От 7 дней
6	Кидание пользователя на деньги и прочего.	Бан	навсегда
7	Попытка взлома, выкладывание скриптов, программ для взлома.	Бан	навсегда
8	Создание повторных профилей в плохи целях.	Бан	навсегда
9	Матерный или порнографический логи, использование матов на аватаре и в подписи.	Бан	навсегда
10	Флуд и Оффтоп на сайте.	Бан	1 день

Мобильная версия

Хостинг от uCoz

Design by Вовчик
Администратор:)