Разные мелочи на CSS

css3 tricks wordpress

Что бы немного развеять скуку сделаю небольшой перевод статьи про всякие CSS3 трюки.

И так приступим.

Используем SVG как иконку.

Так как большинство браузеров поддерживают SVG, то можно понемногу отходить от использования .jpg и .gif. Обратите внимание на использование background-size.

Закругленный вокруг изображения текст.

Настройка shape-outside позволяет создать геометрическую форму.

Результат будет следующий

css curved text image

Изменение цвета при наведении.

Пример кода и его работы тут.

Задаем стиль для отсутствующих изображений.

В результате если изображение отсутствует пользователь увидит это

broken-image-css

Более детальная статья тут.

На сегодня все, хорошего вам дня.

Alex

Добавить комментарий