Давненько я уже не писал продолжение сериала о новых свойствах CSS3. Пора исправить этот недочет. Сегодня мы рассмотрим такой эффект как css transform. Мы уже рассмотрели: opacity css, закруглённые края css, text-shadow, css shadow Как понятно из названия он позволят трансформировать наш объект. Какие именно трансформации нам доступны мы посмотрим на конкретных примерах, что бы [...]
Приглашаю присоединиться ко мне в следующих сервисах:
Мои групы:
Получайте новые статьи по созданию сайтов на ваш почтовый ящик.
А вот интересно, сколько у тебя самого уходит времени, чтобы разобраться со всем этими новыми фишками?
Все зависит от сложности желаемого результата. Сами фишки благодаря структуре css построены по схожему принципу.
А вот когда лепишь какую-то структуру из разных компонентов, вот тогда приходится повозится.
кстати, почему когда проверяю эту страничку валидатором (созранённую страницу, ибо по ссылку не хочет), то выдаёт 214 ошибок? почему настолько невалидный код?
На валадность чего вы проверяли мою страницу?
В css основные претензии, что код не соответствует css 2.1.
Валидность кода а не ксс
Дело в том, что на валидность проверяется код по отдельности.
Есть валидность html, xml, css и т.д.
Валидность — это соответствие утвержденным правилам.
ну извеняюся, если выразился не ясно, имелось в виду код HTML
Не хотел обидеть. А чем проверял?
validator.w3.org туда загрузил скачанную страницу...
Сюда по всему проблема в том, что валидатор неправильно определяет кодировку страницы.
Почти все ошибки связаны с тем, что валидатору не нравится закрывающая скоба или первая буква слов.
Почему в конце строки в которой использовался префикс Вы не ставите (;), пример: -moz-transform: translateY (20p) или Вы подразумеваете, что она там и так должна быть или это опечатка?
Дело в том, что когда я для одного селектора задавал всего лишь одно свойство из ccs3, то без точки с запятой (;) это -moz-transform: translate (5px, -20px) работало, но когда начал задавать им и другие свойства из Ваших статей, перестало работать свойство — transform:translate пока я не поставил в конце — (;)
Этот селектор можно не ставить для последнего элемента.