Генератор CSS градиентов

Want create site? Find Free WordPress Themes and plugins.

Градиент можно сделать конечно же в Photoshop, но иногда можно обойтись и CSS. Сервис предлагает пользователю в режиме онлайн создать необходимый ему градиент, после вам необходимо будет всего-лишь скопировать код и применить его к своему элементу.

Есть несколько причин, которые могут оттолкнуть использовать данный способ создания градиентов, перечислю:

  • Не все браузеры адекватно понимают сгенерированный код. IE к примеру может вообще его не отобразить. На браузерах Opera, Safari, Firefox, Chrome работает отлично — проверено.
  • CSS градиент имеет большой размер кода. Согласитесь, лучше порезать картинку и прописать всего одну строку кода, чем вставить десять строк, однако быстрота реализация в CSS градиента выше.
  • Градиент-картинку можно использовать в спрайтах — это очень удобно, если вас заботит скорость загрузки сайта.
  • CSS градиент работает и на событиях hover, но опять таки увеличивается объем кода — это огромный минус для некоторых.

В целом в своих проектах я часто использую именно CSS градиенты. Прошло время старых браузеров, а для тех, кто пользуется IE 7 лучше повесить заглушку и сообщить человеку, что он отстал от времени :)

Генерировать градиенты можно с помощью сервиса — www.colorzilla.com/gradient-editor/

Пример генерируемого кода:

Did you find apk for android? You can find new Free Android Games and apps.
Want create site? Find Free WordPress Themes and plugins.

Углы любого элемента на странице можно закруглить, благодаря добавлению в CSS свойства border-radius. Чтобы облегчить процесс подбирания необходимого угла закругления элементов предлагаю вам пользоваться предложенным сервисом.

Did you find apk for android? You can find new Free Android Games and apps.
13.11.2014
Want create site? Find Free WordPress Themes and plugins.

Мой блог снова активизировался. На этот раз я выкладываю платные версии одного из самых необходимых для WordPress плагина совершенно бесплатно.

Did you find apk for android? You can find new Free Android Games and apps.
10.11.2015
Want create site? Find Free WordPress Themes and plugins.

ACF — плагин для добавления дополнительных произвольных полей в удобном формате. На базе этого плагина можно создавать фильтры записей и множественные настройки шаблона.

Did you find apk for android? You can find new Free Android Games and apps.
01.12.2014
Want create site? Find Free WordPress Themes and plugins.

Правда крутая превьюшка? Мне тоже нравится! Недавно захотел в своем портфолио для наглядности показать как выглядят некоторые эффекты в верстке и сразу понял, что я не умею делать gif’ки. Немного погуглил — решение нашлось!

Did you find apk for android? You can find new Free Android Games and apps.
03.09.2016
Want create site? Find Free WordPress Themes and plugins.

Применение этой методики в интернете можно встретить очень часто. Методика создания теней для блоков при помощи CSS имеет как много плюсов, так и недостатков. Мы рассмотрим более 12 вариантов реализаций теней при помощи параметра box-shadow.

Did you find apk for android? You can find new Free Android Games and apps.
13.11.2014