Простой учебный курс цветовая палитра W3.CSS структура

Главная Блог Опыт Товары Рекомендую Контакты Покупки

Простой учебный курс html5 и css3 урок адаптивной верстки сайта на W3.CSS цветовая палитра

11 января 2019г.

Цветовые классы в структуре W3.CSS

В W3.CSS структуре используются цветовые классы.

Цветовые классы с реальным цветом который используется в маркетинговых, дорожных знаках, и липких стиках для записей примечаний.

w3-red

w3-pink

w3-purple

w3-deep-purple

w3-indigo

w3-blue

w3-light-blue

w3-cyan

w3-aqua

w3-teal

w3-green

w3-light-green

w3-lime

w3-sand

w3-khaki

w3-yellow

w3-amber

w3-orange

w3-deep-orange

w3-blue-grey

w3-brown

w3-light-grey

w3-grey

w3-dark-grey

w3-black

w3-pale-red

w3-pale-yellow

w3-pale-green

w3-pale-blue

Цветовая палитра для сайта html5 css3

Цветовые темы или палитры цвета для сайта на структуре w3.css подобраны с гармоничным сочетанием цвета друг с другом и создают вполне определенное настроение в визуальном восприятии ваших html страниц.

Тема Indigo

Кино Сериалы

Холодное сердце

Сказочная история о том, как отважные друзья спасали своё королевство от вечной зимы.
Виноваты звезды

Трогательная и захватывая история, покорившая миллионы женских сердец.
Мстители

Американский фильм о супергероях с элементами комедии, основанный на одноимённых комиксах.

Кино Сериалы

Холодное сердце

Сказочная история о том, как отважные друзья спасали своё королевство от вечной зимы.
Виноваты звезды

Трогательная и захватывая история, покорившая миллионы женских сердец.
Мстители

Американский фильм о супергероях с элементами комедии, основанный на одноимённых комиксах.

Скачать палитры цвета для сайта на структуре w3.css пример

Вот немного цветных тем для сайта на структуре w3.css примеры палитры цвета можно скачать для загрузки, поддайтесь вдохновению и раскрасьте свои html страницы!

Название Файла	Описание	Скачать Файл
w3-theme-amber.css	Цветная Тема Amber
w3-theme-black.css	Цветная Тема Black
w3-theme-blue.css	Цветная Тема Blue
w3-theme-blue-grey.css	Цветная Тема Blue Grey
w3-theme-brown.css	Цветная Тема Brown
w3-theme-cyan.css	Цветная Тема Cyan
w3-theme-dark-grey.css	Цветная Тема Dark Grey
w3-theme-deep-orange.css	Цветная Тема Deep Orange
w3-theme-deep-purple.css	Цветная Тема Deep Purple
w3-theme-green.css	Цветная Тема Green
w3-theme-grey.css	Цветная Тема Grey
w3-theme-indigo.css	Цветная Тема Indigo
w3-theme-khaki.css	Цветная Тема Khaki
w3-theme-light-blue.css	Цветная Тема Light Blue
w3-theme-light-green.css	Цветная Тема Light Green
w3-theme-lime.css	Цветная Тема Lime
w3-theme-orange.css	Цветная Тема Orange
w3-theme-pink.css	Цветная Тема Pink
w3-theme-purple.css	Цветная Тема Purple
w3-theme-red.css	Цветная Тема Red
w3-theme-teal.css	Цветная Тема Teal
w3-theme-yellow.css	Цветная Тема Yellow

Дополнение Цветовой Темы: линейные градиенты

Как добавить градиент к своей цветовой теме смотрите в готовом css примере ниже. Я взяла тон l2 и l1 цветовой темы Blue для создания линейного градиента.

CSS пример линейного градиента

.w3-theme-gradient {
  color: #000 !important;
  background:-webkit-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
.w3‐theme‐gradient {
  color: #000 !important;
  background:-moz-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
.w3‐theme‐gradient {
  color: #000 !important;
  background:-o-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
.w3‐theme‐gradient {
  color: #000 !important;
  background:-ms-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
.w3‐theme‐gradient {
  color: #000 !important;
  background: linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}

❮ Предыдущий Следующий ❯

Учебник адаптивный веб-дизайн скачать полностью, с его помощью Вы уже буквально через несколько часов сможете создать одностраничный сайт на подвижной сетке, любой тематики.

Как получить учебник адаптивный веб-дизайн по честной стоимости полностью

ПОЛУЧИТЬ

Продам html недорого

Готовые шаблоны html легкий способ сделать сайт самому. Помогу разработать сайт под ключ вплоть до загрузки на хостинг. Адаптивная верстка для смартфонов и планшетов. В галерее готовых сайтов можно выбрать и купить шаблон html недорого.