3DM-студия

Кроссбраузерный box-shadow

Кроссбраузерный box-shadow


Продолжая говорить о кроссбраузерности мне хотелось бы затронуть вопрос с тенями или с box-shadow. Так же как и с border-radius существует несколько префиксов для конкретных браузеров. В современных браузерах вполне хватает обычного box-shadow и его параметров, однако если зайти скажем в старые версии Safari или Firefox, то тени могут не отображаться. Для их отображения необходимо прописать, как я уже сказал ранее несколько префиксов.

Префиксы для кроссбраузерности box-shadow:
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);


-webkit- для Webkit браузеров(Chrome/Safari)
-moz- для Firefox

Я не стану рассматривать IE, так как не считаю его браузером. Для IE надо применять фильтры, которые тормозят работу сайта очень сильно.


Скачивание доступно только для зарегистрированных
НАШИ НОВОСТИ
Опубликовано 04 апрель 2014
Представляю вашему вниманию шаблон онлайн кинотеатра с глубокой настройкой под свои нужны OST-ARENA.RU Читать далее...
Опубликовано 18 март 2014
Представляю вашему вниманию, адаптивный новостной шаблон Reades News. Адаптивный дизайн подразумевает, что шаблон будет одинаково корректно отображаться во всех устройствах. Шаблон отлично подойдет для медийных новостей и не только. Обязательно посмотрите видеозапись работы Читать далее...
Опубликовано 16 март 2014
Дизайн Zerotheme, адаптирован для DLE 10.1 by Yurets. Шаблон zBoomMusic позиционируется как шаблон для музыкального портала или музыкального блога. Вверху шаблона расположен слайдер, под слайдером Топ новостей, далее последние добавленные новости. Читать далее...