вИнтересные статьи

15 логотипов, созданных только при помощи CSS3

Если бы 5 лет назад, вас спросили бы » Возможно создать логотип только при помощи средств CSS?», думаю ответ был бы однозначным «Нет, конечно нет». Благо за пару прошедших лет ситуация поменялась на корню, и разработчики CSS предоставили огромные возможности тем, кто любит делать проекты оптимизированными и лёгкими. Теперь у вас есть возможность только при помощи нескольких строчек нарисовать стандартные геометрические форму, которые будут зарисованы выбранным вами цветом.  Более того можно создавать различные эффекты, не только статические, но и динамические. Так что многие декоративные элементы стали доступны, хотя как всегда остаётся проблемой — кроссбраузерность, которая делает некоторые реализации невозможными.

В этой статье собраны 15 ярких примеров логотипов и различных компонентов, которые были созданы только при помощи CSS.

1. Плоский логотип NASA Плоский логотип NASA

2. Компонент, напоминающий отрывное объявление на CSS Shredder CSS Shredder

3. Один из многочисленных логотипов Batman  Один из многочисленных логотипов Batman

4. Современные иконки для iOS 7 Современные иконки для iOS 7

5. Сравните два логотипа Apple, один из которых является изображением, а второй копией, созданной при помощи CSS Сравните два логотипа Apple

6. Известный за рубежом логотип соц медии Reddit Известный за рубежом логотип соц медии Reddit

7. Шлем военного из Star Wars  Шлем военного из Star Wars

8. Icon — плоская иконка камеры с небольшой анимацией Icon - плоская иконка камеры с небольшой анимацией

9. Плоский взгляд на приставку NES Плоский взгляд на приставку NES

10. Pong — воспроизведённая игра в пинг-понг при помощи средств CSS воспроизведённая игра в пинг-понг при помощи средств CSS

11. ноутбук от Apple, нарисованный по средством CSS ноутбук от Apple, нарисованный по средством CSS

12. Весёлый и забавный синий  Monster Весёлый и забавный синий  Monster

13. Иконка популярной галереи дизайнеров Dribbble Иконка популярной галереи дизайнеров Dribbble

14. Иконка популярного браузера Chrome Иконка популярного браузера Chrome

15. Иконка Twitter с градиентом Иконка Twitter с градиентом

Автор:

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *