http://91.215.121.4:777/ex/pulse.html
скопировал отсюда и сделал кроссбраузерным
http://www.webkit.org/blog-files/pulse.h...
Простенькая демонстрация CSS3 animation
P.S. firefox only. Opera не умеет animation, webkit и IE9 не умеют его применять к псевдоэлементам.
Вот такая ололота.
http://nico-izo.github.com/webkitbug3.ht...
Почитал мейлинг листы рабочей группы CSS.
http://dev.w3.org/csswg/css3-gcpm/
http://dev.w3.org/csswg/selectors4/
http://dev.w3.org/csswg/css4-background/
http://dev.w3.org/csswg/css3-flexbox/
ВОТ ОН, CSS МОЕЙ МЕЧТЫ!
Вношу новый тег в свой репертуар.
Скорее всего, к версии 4 CSS эволюционирует в нечто совсем иное, ибо появление:
Переменных
Констант
Объектного селектора
calc и иже с ним
*многих фич*
очень сильно поменяет суть.
В продолжение #ottnhf
Если пролистать чуть ниже, мы увидим пример ещё одного великолепнейшего свойства
.thumbnail { crop: rect(0px, 115px, 85px, 30px) }
<p>Here is Woolly, the CSS sheep:
<img src="woolly" alt="Woolly" />
<p>And here he is as a thumbnail:
<img src="woolly" class="thumbnail" alt="Woolly thumbnail" ... more →
Иногда возникает ощущение, что я один читаю стандарты на w3.org.
Недавно, листая список черновиков CSS3 наткнулся на этот
http://www.w3.org/TR/css3-content/
Для тех, кому лень читать, приведу *некоторые фичи* (Всё описывать нет смысла)
div { content: 'A' }
div::before { content: 'B'; }
div::before::before { ... more →
Как это классно: написать штуку, только по стандартам, никакого JS, никаких костылей...
И она *просто* работает. Работает так, как ты скажешь.
А потом я вспоминаю про говнобраузеры, криворуких разрабов и долбоёбов, которые будут кричать, что надо верстать под IE6 и ты хуй, который не осилил IE6.
И я погружаюсь в ... more →
На самом деле, это великолепно, когда можно сделать великолепную Ъшную и юзабельную вещь только при помощи CSS3 и HTML5.
Уже сейчас можно делать нешутёвые по сложности и красоте вещи, а-ля галереи, попапы, выпадушки, шевроны и т.д. только при помощи CSS.
ЪЪ
Господа, есть стандарт CSS3 Transitions.
http://www.w3.org/TR/css3-transitions/
В нём, как бы, сказано, что
Applies to: all elements, :before and :after pseudo elements
Возник вопрос, а какого хрена если я указываю в элементе #elem1
некий transition, он не применяется на ::before и ::after?
Допустим, вот ... more →
У меня от реализации CSS transitions в вебките и жопере случается разрыв шаблона с последующим бугуртом.
Почему, ПОЧЕМУ одна анимация идёт вперёд, когда они должны идти синхронно?
Получается хуита и между двумя анимирующимися объектами случается пробел в 1-2 пикселя.
БУГУРТ.
Итак, пстач, я сошёл с ума
Калькулятор на CSS
http://nico-izo.github.com/calc.html
Мозилловцы настолько офигенны, что даже офигенны офигенны офигенны.
В стандарте CSS3 обнаружил, что будут КАЛЬКУЛЯТОРЫ^W calc
Пример
width: -moz-calc(100% — 80px);
Мозилловцы уже впилили!
https://developer.mozilla.org/en/CSS/-mo...
Я аж кислородом захлебнулся.
Видимо, я угорел по КСС.
Хоспаде, когда эти правила прекратят множиться
background: #87b4eb; /* old browsers */
background: -moz-linear-gradient(top, #87b4eb 0%, #3770b5 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87b4eb), color-stop(100%,#3770b5)); /* webkit ... more →
Пстач, сейчас есть какие-нибудь способы сделать контекстное меню, которое выглядит *нативно везде*, не является говнокодом/черезжопнутым методом и при этом торт?
Единственный способ, который неговно, использовать <menuitem>, но:
а.) Стандарт ещё не принят.
б.) Поддерживается только в FF8+
в.) Из б следует, что ... more →
Увидел на мажордомо красивые кнопки. Открыл код, посмотрел...
http://upgrade.majordomo.ru/img/btns.png
Нахуй так жить?
Запилил простенькую кнопочку, повторяющую дизайн кнопки от ВК.
Показал другу.
Не знаю почему, но он до сих пор не верит, что кнопки можно делать без помощи изображений и тучи всяких стилей, а просто, на одном CSS.
Совершенно внезапно пришла в голову идея, что можно обойтись без скриптов в некоторых ситуациях, а-ля когда меняется текст при наведении мышки, используя только CSS3.
http://91.215.121.4:777/nico-izo.ru/
Работает везде, кроме последней trunk версии chromium и IE (В ие показывается тире, в хроумиуме пустая ... more →
Subscribe to *css3
Nico-izo
johan
Iwasawafag
asmer
4 comments
