Webice.Ru - социальная сеть для блоггеров

«    Январь 2021    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Webice.Ru - социальная сеть для блоггеров » Разработка » 3D кнопки с параллакс-эффектом
 

 3D кнопки с параллакс-эффектом


На сайте CSS-Tricks была опубликована статья, в которой показан интересный метод реализации кнопок с эффектом 3D и параллакса. Метод отличается от того, который был недавно описан, и основан на использовании 3D-трансформирования элементов с помощью свойств в CSS3.
Загвоздка в том, что 3D-трансформации элементов, на данный момент, поддерживают только браузеры:
Chrome, Safari и новая Opera 15, через префикс -webkit-
Mozilla Firefox
Для IE всё печально и даже IE10, пока что, не может обеспечить должную поддержку, поэтому для него и всех остальных старых браузеров (IE9 и ниже, старая Opera) мы отключим поддержку 3D и все элементы будут просто плоскими.



Также webice рекомендует:
    Альтернативные единицы измерения для трансформации-вращения в CSS3
    Градусы не единственная единица измерения для вращения элементов. В вашем распоряжении есть также и другие единицы, такие как градианы, радианы и обороты...Все эти альтернативные единицы измерения (вк ...

    Тестируем популярные браузеры
    Тесты производятся на Windows XP 32-bit SP3 (тест Internet Explorer не будет производится, так Windows XP не поддерживает последнюю версию IE9).Итак, первый тест: Peacekeeper, который состоит из 6 ком ...

    Совершенствуйте сайты с помощью CSS3-анимации
    От автора: модулю CSS ‘Animations’ от консорциума W3C не сразу удалось завоевать популярность. При своей ограниченной поддержке браузерами не утверждаю, что он является одним из самых широко используе ...

Читать далее
0
Просмотров: 634 Обсудили: 0
Метки: CSS
Информация
Гости не могут оставлять комментарии в данной новости, зарегистрируйтесь или авторизуйтесь на сайте.
 
Логин:
Пароль:

Добро пожаловать!

Вы вошли как гость, рекомендуем Вам авторизироваться либо пройти процесс регистрации. Если Вы забыли пароль, то Вы можете его восстановить.
Полезные инструменты