Comments 101
Ну, в Опере 10.10 только верхние ссылочки получились с разноцветным бг.
А за материал спасибо, полезно.
А за материал спасибо, полезно.
По идее верхние ссылки не каждому нужны будут. Получается блок с закруглёнными углами можно использовать. Ничего страшного, что круглые углы не увидят пользователи IE.
в принципе вы правы. На одном из проектов так и сделал. Вид от незакругленных уголков особо не портиться.
Осталось дождаться нормальной поддержки CSS3 хотя бы от Opera (вроде в пре-альфа релизах уже есть).
И в IE9 тоже поддержку CSS3 обещали.
Осталось дождаться нормальной поддержки CSS3 хотя бы от Opera (вроде в пре-альфа релизах уже есть).
И в IE9 тоже поддержку CSS3 обещали.
Осталось дождаться нормальной поддержки CSS3 хотя бы от OperaМу-ха-ха. Осталось дождаться, когда вы поймете, где css3, а где нечто другое.
Пояснение:
box-shadow и text-shadow — это css3, добавленное в Оперу недавно.
-webkit-box-shadow и -moz-text-shadow — это нечто другое, не css3, у этого не может быть «нормальной поддержки» в Опере.
box-shadow и text-shadow — это css3, добавленное в Оперу недавно.
-webkit-box-shadow и -moz-text-shadow — это нечто другое, не css3, у этого не может быть «нормальной поддержки» в Опере.
на сколько мне известно приставки означают, что свойство не полностью отвечает стандартам. В данном случае, видимо потому что по правилам w3c стандарт официально принимается после, по моему, 2-х готовых реализаций, и ещё официально не принят. Так что Опера, действительно отстаёт… надеюсь скоро подтянется.
в 10.50 аналогично… увы
а если Опере дать border-radius вместо -moz-border-radius?
Именно так! В Opera 10.5 border-radius без префикса.
а как это может повлиять на положение ссылок в меню? Я об этом)
-moz-border-radius в опере работает
-moz-border-radius в опере работает
Увы автору, никак не Опере.
да, жаль Оперу вся эта радость обходит стороной :(
Текст при повороте выглядит ужасно. Как пример, конечно, норм, но в реальной среде это использовать пока нельзя.
думаю в конце концов подкрутят реализацию, и будет круто. Сейчас многое зависит от шрифта. Некоторые лучше отображаются, некоторые хуже. В примере решил оставить стандартные.
Так он и будет выглядеть ужасно. Для нормального отображения шрифтов на мониторе используется хинтинг. Сомневаюсь, что кто-то будет разрабатывать хинтинг хотя бы для одного варианта написания под углом.
Он у меня в FF ещё шевелится, когда его выделяешь мышкой :-)
нужно бы сами свойства из css3 дописать, а не только браузерные еквиваленты:
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
забавно. заюзаю у себя.
p.s.
да я знаю, что только избранные увидят эту красоту… простых смертных буду редиректить на скриншот того, что они могли увидеть :)
p.s.
да я знаю, что только избранные увидят эту красоту… простых смертных буду редиректить на скриншот того, что они могли увидеть :)
grab.by/1S6v — прикрутил к своему движку. Бабл использую как всю страницу, в лентачках будет инфа в стиле под кем залогинен и так далее :)
also вы забили указать class=«info»
browsershots.org/http://my-html.ru/example/3D_css/index.html
А нельзя triangle-* заменить на псевдлэлементы :before и :after?
i46.tinypic.com/2lldbpz.jpg — демонстрация в опере. Вроде как все работает.
Хм. В сегодняшней сборке Оперы часть букв не отрисовывается — dmitrymaslov.ru/imges/res/opera-10.50-css3.jpg
Поставил — проверил. Действительно… Надо бы баг репорт сделать что-ли
Уверен, это и без багрепорта исправят, версия-то совсем сырая. :-)
Хотя можно и отписаться разработчикам конечно.
Хотя можно и отписаться разработчикам конечно.
Отписался
Они в курсе ;)
Автор, убейся. Это не CSS3, тебя обманули. Это вендорные расширения CSS. заточенные под 2 конкретных браузера.
Ну, зачем авторов сразу так? Человек старался, а придраться ко всему можно.
На хабре итак много злости, чем-то фильм «Эксперимент» напоминает…
На хабре итак много злости, чем-то фильм «Эксперимент» напоминает…
Ну ведь когда нибудь это может стать стандартом без всяких там -moz-, -webkit-
UFO just landed and posted this here
Там же написано, откуда взята статья. Это скорее хороший перевод некорректного оригинала.
Нет, ну правда, поменяй заголовок :-)
автор, читайте книги, а потом когда уверены — пишите статьи.
За материал спасибо. IE блин как всегда!
Новые «печеньки» которые CSS3 нам дает конечно классные и удобные.
Но сам файл стилей становится довольно таки громоздким.
Если так и дальше пойдет, то что ж будет в css4. Хотя думаю пока появится 4 версия, сам css эволюционирует во что-то более удобное и менее емкое.
Но сам файл стилей становится довольно таки громоздким.
Если так и дальше пойдет, то что ж будет в css4. Хотя думаю пока появится 4 версия, сам css эволюционирует во что-то более удобное и менее емкое.
Почему громоздким? На мой взгляд реализация намного компактнее нежели реализовывать по средствам традиционных методов.
>компактнее нежели реализовывать по средствам традиционных
А вы приплюсуйте традиционный метод, необходимый для кроссброузерности и посчитайте во сколько этот «нетрадиционный» вывих обойдется.
А вы приплюсуйте традиционный метод, необходимый для кроссброузерности и посчитайте во сколько этот «нетрадиционный» вывих обойдется.
а зачем тогда реализовывать на CSS3? Либо то либо то, если уж придеться мучаться)
>а зачем тогда реализовывать на CSS3?
Вот и я думаю, зачем реализовывать?
= = = = = = = = = = = = = =
Папа папа посмотри я чет непойму пластилин это или не пластилин??!!! Папа посмотрел, панюхал, надкусил. — да ну сынок эт гавно какоето! — да вот и я пап думаю откуда у меня в жопе пластилин!
= = = = = = = = = = = = ==
Вот и я думаю, зачем реализовывать?
= = = = = = = = = = = = = =
Папа папа посмотри я чет непойму пластилин это или не пластилин??!!! Папа посмотрел, панюхал, надкусил. — да ну сынок эт гавно какоето! — да вот и я пап думаю откуда у меня в жопе пластилин!
= = = = = = = = = = = = ==
в целом, реализация действительно стала компактней, если учитывать что раньше приходилось переносить часть реализации в html & js.
а вот сам css при этом стал ведь больше за счет того что в него перенесли эти «печеньки»
а вот сам css при этом стал ведь больше за счет того что в него перенесли эти «печеньки»
Зачем надо было говорить про оперу, если вы не использовали CSS3 аттрибутов? Их то она прекрасно поддерживает, без -moz-.
версия 10.10 которая на официальном сайте представлена как последняя, и через меню в браузере так же это подтверждает даже с применением border-radius закругленные уголки так и не показала.
Закругленные уголки появились в версии 10,5 которая является пока тестовой, так что не сильное преступление. Да и статья которую вы взяли за основы написала была немного раньше чем вышла 10,5 версия.
Просто можно было бы и скорректировать, учитывая что в опере оно отображается сейчас не хуже чем в хроме.
Просто можно было бы и скорректировать, учитывая что в опере оно отображается сейчас не хуже чем в хроме.
Позволю себе уточнить, версия Оперы 10.50.
А почему в словах «реально» и «круто» буквы неровно стоят
можно как нибудь исправить?
можно как нибудь исправить?
UFO just landed and posted this here
2\5 пафоса и деферамб кемерону, 2\5 кадров из фильма, и только 1\5 интересного материала.
Ну вообщем как всегда, когда рассказывают о кино.
Ну вообщем как всегда, когда рассказывают о кино.
Дак вот о чем пост :)
Не то окно, да?
Если вы использовали для написания топика западную статью, то не забывайте — там у ребят другая специфика. А у нас большое распространение имеет Opera, которую тоже не мешало бы учесть в примерах. Ну и совместимость с браузерами, которые просто отбросят префиксы в будущем — тоже дело важное, поэтому:
-webkit-box-shadow -moz-box-shadow box-shadow
-webkit-border-radius -moz-border-radius border-radius
-webkit-transform -moz-transform -o-transform transform
-webkit-transition -moz-transition -o-transition transition
Да даже не в Опере дело, просто написать статью о CSS3 и не написать ни одного CSS3 свойства, это же умудрится надо.
Просто на момент написания той статьи опера еще не поддерживала эти свойства.
Делал когда-то похожие блоки, ещё и цвета надо было легко менять, всех подробностей не вспоню постомотреть мой вариант можно тут
Автор, добавьте в css примера ещё -khtml- свойства, если не трудно
рабочий пример не юзает нативные свйоства ксс трансформа. Следствие: не работает в опере 10.60
Sign up to leave a comment.
Создаем объёмный блок с тенью средствами CSS3