WebGradients - онлайн библиотека от 180 + линейни градиенти в CSS
С толкова много безплатни генератори на кодове в интернет е лесно да създадете свои собствени градиенти. Но проблемът е да намерим подходящите цветове, които да съответстват на уебсайта Ви, бутона „Кликни-да-действай“ или каквото и да е друго.
WebGradients предлага a безплатна библиотека от градиенти, която можете да преглеждате и изкопайте готини идеи. Те са напълно безплатни и всички те включват изходния код на CSS3 заедно с PNG.
Всъщност, цялото приложение е достъпно на GitHub, което предлага почти всичко с едно натискане на бутон.
Можете да изтеглите пълния пакет от градиенти направо от GitHub като необработени CSS кодове във файл със стилове. Или можете да изтеглите градиентите като сурови PNG файлове, файл Sketch или PSD файл за Photoshop.
Това е наистина масивна колекция от безплатни градиенти, които трябва да помогнат на всеки уеб дизайнер. Можеш използвайте това за всяка стъпка от процеса на проектиране от дизайна на уеб-макетите по целия път до кодирането в интерфейса.
Ако кликнете върху някоя от кръговете на градиента, ще получите пълен изглед върху цялата страница. Това ви позволява да видите как градиентът ще изглежда като фон, доста готин ефект!
Освен това в горния десен ъгъл ще намерите бутон за изтегляне, заедно с връзка за копиране на CSS-а до вашия клипборд.
И двете файлове на PSD и Sketch са свързани в навигационната лента, където са хоствани на Gumroad.
Обикновено хората използват Gumroad като онлайн търговец, но много дизайнери пускат своите неща безплатно с опция безплатно. Когато изтегляте файловете, можете да добавите съвет, ако желаете, но и двата файла Sketch и PSD се освобождават безплатно.
Не всеки градиент в този списък ще работи за вашия уебсайт. Но това е доста обширна галерия 180 градиента така че има нещо, което може да ви хареса.