Уроки HTML&CSS | WAVIFUN.RU

Рубрика: Уроки HTML&CSS

добавить шрифт на сайт 0

Как быстро добавить шрифт на сайт

Вопрос об использовании шрифтов на сайте среди веб-дизайнеров и front-end разработчиков стоит далеко не на первом месте. Использование красивых и в то же время удобочитаемых шрифтов одна из ключевых задач разработчиков. Если не уделить этому...

как сделать всплывающую подсказку css 0

Как сделать прикольную всплывающую подсказку на css

Привет, друзья, сегодня хочу поделиться тем, как сделать интересную всплывающую подсказку при помощи чистого css без применения javascript. Сразу хочу сказать, что в примерах мы будем применять псевдоэлементы «::before и ::after». Если вы не...

как вставить видео фоном на сайт 0

Как вставить видео фоном на сайт

Привет любителям-сайтостроителям. Сегодня расскажу о том, как вставить видео фоном на сайт. Для этого есть специальный тег <video></video>, который позволяет нам без проблем вставить видео фоном на наш сайт. Синтаксис

У тега <video></video>...

псевдоэлементы css before after 0

Таинственные псевдоэлементы в css before и after. Отличие от псевдоклассов

Привет, друзья. Очень часто при разборе очередного кода мы можем встретить так называемые псевдоэлементы css :before и :after. Причем при использовании этих псевдоэлементов у скульптора сайтов всегда получаются отличные эффекты на css. Итак, самое...

анимация при наведении на блок css 0

Анимация при наведении на блок css

Анимация при наведение на блок с помощью css очень простая вещь. Нам будет достаточно применить псевдокласс hover и вот уже блок анимируется при наведении. See the Pen Анимированная кнопка by Viktor (@wavifun) on CodePen....

Стили бегущей строки 0

Стили бегущей строки

Привет, это небольшое дополнение к статье «Как сделать бегущую строку самому». В этой статье мы рассматривали процесс создания бегущей строки на чистом html. Здесь же мы рассмотрим стили бегущей строки. Для того чтобы применить...

как сделать бегущую строку самому 0

Как сделать бегущую строку самому

Привет всем! Сегодня мы рассмотрим как сделать бегущую строку самому. На самом деле в этом нет ничего сложного. Также мы рассмотрим с вами как добавлять стили бегущей строке. Итак, для того чтобы сделать бегущую...

CSS трансформации 0

CSS трансформации

ss трансформации позволяют нам изменять размеры, форму и расположение объекта, не затрагивая при этом остальные элементы, находящиеся рядом. Существует два вида CSS3 трансформации — 2D и 3D трансформация Синтаксис 2D Трансформации

Эффекты при наведении CSS 0

Эффекты при наведении CSS

Привет всем. В этой статье мы рассмотрим с вами эффекты при наведении css. Но сначала давайте разберемся, как вообще создавать эффекты при наведении. Для этого в CSS есть так называемый псевдокласс hover. Как его...

верстка мобильной версии сайта 0

Верстка мобильной версии сайта

На сегодняшний день человечество не представляет себе жизнь без мобильных телефонов. Современные технологии позволяют обладателям смартфонов выходить в интернет, путешествовать по сайтам, редактировать документы и многое другое. К современным сайтам стали предъявляться требования адаптации...

Якорная ссылка 0

Якорная ссылка

Всем начинающим программистам на HTML, так или иначе приходится создавать ссылки. Ссылки, это неотъемлемый элемент любого html-документа. На любом современном сайте вы можете увидеть огромное количество ссылок. Эти ссылки могут направлять нас как внутри...

горизонтальное выпадающее меню 0

Горизонтальное выпадающее меню

Приветствую вас, друзья на своём блоге и сегодняшняя статьи будет посвящена созданию горизонтального выпадающего меню без использования javascript. Кстати, именно этой статьёй я открываю новую рубрику Уроки HTML&CSS. Итак приступим, сразу предлагаю посмотреть на...