Очень часто при верстке требуется выровнять изображение и текст.
Это можно сделать помощью CSS свойства vertical-align.
свойство vertical-align:top
свойство vertical-align:middle
свойство vertical-align:bottom
Иногда возникает потребность установить фоновое изображение на сайт и зафиксировать его, чтобы при прокрутке оно не перемещалось.
Для того, чтобы установить фиксированное фоновое изображение на сайт, необходимо к свойствам изображения добавить свойство background-attachment.
Пример:
background-image: url(images/your-image.png);
background-attachment: fixed;
Пример:
Иногда требуется размыть изображение с помощью CSS.
Для того, чтобы размыть изображение с помощью CSS необходимо в свойство изображения прописать -webkit-filter: blur(5px);
Пример:
Без размытия
С размытием
А для того, чтобы этот эффект работал во всех браузерах, напишите как в примере ниже:
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
В этой статье мы поговори ли о том, как с помощью CSS можно выравнять текст к изображению, как сделать изображение размытым и как зафиксировать фоновое изображение.
В прошлой статье, мы говорили о том, как с помощью CSS3 можно вращать изображение. В следующих статьях мы поговорим о других CSS свойствах.
Скачать примеры из видео урока вы можете по этой ссылке.
Подписывайтесь на наш канал YouTube и вступайте в нашу группу VK.
XAMPP - как установить и настроить на Mac (Mojave, Sierra)
Как самостоятельно изучить веб-программирование
Что такое реферальный спам в Google Analytics
Постраничная ленивая загрузка (lazy load) постов
Как стать профессиональным веб-разработчиком
Методы setTimeout и setInterval в Javascript
Реализация Lazy Load на Jquery
Sublime Text 3 - удобный редактор кода для веб-разработчиков
Установка и настройка веб-сервера для сайта в Ubuntu
Полезные приложения для веб-разработчиков в Google Chrome
GIT команды: Быстрый старт для новичков
Что такое конструктор в объектно-ориентированном программировании
Что такое объектно-ориентированное программирование
Как отправить форму без перезагрузки страницы (AJAX)
Как быстро создать сайт и привлечь поисковый трафик
Bitbucket: Крутой облачный GIT репозиторий
Javascript: Классы в Javascript
Что такое веб-хостинг и как выбрать хостинг для сайта
SQL запросы: Основы администрирования MySQL
Все материалы с сайта wh-db.com и ru.wh-db.com защищены авторским правом. Копирование, публикация, продажа и распространение материала строго запрещены.
