Есть забавный глюк, который проявляется на некоторых смартфонах под Android.

Для одного проекта пришлось наконец плотно заняться CSS3. Предлагаю ряд заметок для начинающих по самым употребимым новшествам.

Первая — про скругление углов блоков. Работает во всех нормальных браузерах, в IE — с версии 9 (на 31.05.2012)

Градиент элемента, к счастью, можно даже отобразить в IE, начиная с 7 версии.Задаётся через стандартное свойство background:

Добавляем тени к буквам текста. Пользователи IE до версии 10 читают текст из плоских букв.В сети лежат способы, как добавить тени к тексту через фильтры, но выглядит это ужасно.

Работает во всех нормальных браузерах, в IE – с версии 9.

Нашёл интересную статью на Хабре про то, как сильно экономить траффик и вообще упрощать жизнь на фоновых картинках для сайтов.

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

В Safari, если в дочерний элемент поместить картинку, а родительскому задать border-radius, то картинка будет выезжать за пределы скруглений, даже несмотря на свойство родительского элемента overflow:hidden.
Решение такое. Задать родительскому элементу свойства:

-webkit-transform:translateZ(0);
-webkit-mask-image:-webkit-radial-gradient(circle, white, black);

У Firefox есть одна особенность: при ошибках он самостоятельно добавляет красную рамку вокруг input’ов.
Регулируется псевдоклассом :invalid:

input:invalid{
    box-shadow:none;
}