<MyRusakov.ru />

WordPress 4. Пример создания блога

WordPress 4. Пример создания блога

Видеокурс "WordPress 4. Пример создания блога" научит Вас создавать любые сайты на самой популярной CMS - WordPress.

В курсе Вы узнаете абсолютно всё, что необходимо для успешного создания любых сайтов на WordPress, а также увидите пример создания реального блога.

После создания блога он размещается в Интернете, опять же на Ваших глазах. Таким образом, приобретя данный курс, Вы, не обладая никакими знаниями по созданию сайтов, уже сможете их делать, а также выкладывать в Интернет.

Курс очень простой и проходится за один вечер, а знания останутся с Вами навсегда.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Как задавать градиенты в CSS3.

Как задавать градиенты в CSS3.

Всем привет. Сегодня мы поговорим о том, как создавать градиенты на CSS3.

Для начала создадим блок, на примере которого будем рассматривать примеры.

<div class="container"></div> CSS .container {
  width: 400px;
  height: 300px;
  float: left;
  margin: 40px;
  background: #999;
  border-radius: 5px;
  box-shadow: 0 8px 15px rgba(0,0,0,.6);
}

Итак, у нас есть блок. Теперь будем рассматривать градиенты. Задаются они в background.

.container {
  background: linear-gradient(#333, #bbbb);
}

Это минимальный набор параметров. Первый цвет сверху постепенно сменяется нижним цветом. Однако, первым параметром можно передать смещение в градусах.

background: linear-gradient(45deg, #333, #bbb);

Значение может быть и отрицательным. Также, значение смещения можно задавать и словами.

background: linear-gradient(right top, #333, #bbb);

Т.е. градиент будет начинаться с правого верхнего угла в данном случае.

Еще задать значение можно в процентах

background: linear-gradient(40% 10%, #333, #bbb);

Мы можем задавать color-stoppers. Задаются они после цвета. Тогда градиент будет более резким.

background: linear-gradient(60% 10%, #333 30%, #bbb 50%);

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

background: radial-gradient(center, #333 70%, #bbb 100%);

В конце стоит сказать, что градиентов может быть несколько. Для этого достаточно просто перечислить их через запятую.

Итак, на этом все. Сегодня мы разобрались, как задавать градиенты в CSS3. Спасибо за внимание и до скорого!

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.