Как задать эффект hover в CSS для текста с opacity 1, если он с opacity 0.9? — Хабр Q&A Есть блок. В нём картинка задана background. Далее блок, который срабатывает при наведении мышки (hover-block). В этом блоке есть ссылка с текстом (h2, span). Для hover-block изначально указан opacity: 0. При наведении opacity: 0.9. Но и […]
Рубрика: Css
Псевдоэлементы | htmlbook.ruПсевдоэлементы позволяют задать стиль элементов не определённых в дереве элементов документа, а также генерировать содержимое, которого нет в исходном коде текста. Синтаксис использования псевдоэлементов следующий.Селектор:Псевдоэлемент { Описание правил стиля }Вначале следует имя селектора, затем пишется двоеточие, после которого идёт имя псевдоэлемента. Каждый псевдоэлемент может применяться только к одному селектору, если требуется установить сразу
Тег sourceHTML5CSS.ruЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ❮Назад Полный HTML Ссылки Дальше ❯ПримерАудио проигрыватель с двумя исходными файлами. Браузер должен выбрать, какой файл (если таковой имеется) он имеет поддержку:<audio controls> <source src=»horse.ogg» type=»audio/ogg»> <source src=»horse.mp3″ type=»audio/mpeg»> Your browser does not support the audio element.</audio>Подробнее примеры ниже.Определение и использованиеТег <source> используется для указания нескольких мультимедийных ресурсов для элементов мультимедиа,
Src css: html — Как установить атрибут src тега img через css?Read More »
border-style — стили рамок | CSS справочникПоддержка браузерами 12.0+ 4.0+ 1.0+ 1.0+ 3.5+ 1.0+ ОписаниеCSS свойство border-style устанавливает стиль рамки для элемента. Можно использовать от 1 до 4 значений. Стиль устанавливается начиная с верхней позиции. Если задано два стиля подряд, это значит первое значение для верхней и нижней рамки, второе
Css стили рамки: border-style — стили рамок | CSS справочникRead More »
animation-delay | htmlbook.ruInternet ExplorerChromeOperaSafariFirefoxAndroidiOS10.0+3.0+12.0+12.10+4.0+5.0+16.0+3.0+2.0+Краткая информация Значение по умолчанию 0sНаследуетсяНетПрименяетсяКо всем элементам, к псевдоэлементам ::before и ::afterСсылка на спецификацию http://dev.w3.org/csswg/css3-animations/#animation-delayВерсии CSSCSS 1CSS 2CSS 2.1CSS 3ОписаниеСвойство animation-delay устанавливает время ожидания перед воспроизведением анимации. Значение 0s или 0ms, которое установлено по умолчанию, запускает анимацию сразу же, как только она применяется к элементу. Отрицательное значение также включает анимацию без
Css delay animation: animation-delay — CSS: Cascading Style SheetsRead More »
Как сделать затемнение фона через CSSОсновы PHP 8 Пройдя курс, Вы узнаете:— Как установить и настроить OpenServer— Всю необходимую базу по PHP 8— Как писать самые различные скрипты на PHPОбщая продолжительность курса 7 часов, плюс более 100 упражнений и поддержка!Чтобы получить Видеокурс,заполните форму E-mail: Имя: Другие курсыКак создать профессиональный Интернет-магазин После семинара:— Вы будете знать,
Затемнение css: html — Подскажите, как сделать затемнение фона? (полупрозрачным цветом)Read More »
css — Позиционирование SVG и вертикальное выравнивание какие существуют способы позиционирования объектов в SVG файле? Способов позиционирования объектов svg внутри файла *.svg достаточно много.В данном посте не рассматривается позиционирование с помощью правил CSS, только SVG #1 Позиционирование с помощью <use>Создав в секции <defs> любой объект svg, например круг, можно его в дальнейшем многократно использовать с
Позиционирование по центру css: CSS — Выравнивание по центруRead More »
Учебник CSS для начинающих. Поля и отступы.Глава 8В этой главе мы поговорим о полях (свойство margin) и отступах (свойство padding) элемента. Между собой эти два свойства весьма схожи, однако все же это два абсолютно разных свойства.Давайте разберемся в этих понятиях..Поле (margin) — Это расстояние от внешней границы элемента до границы окна браузера или же элемента
height — CSS | MDNCSS атрибут height позволят обозначать высоту элемента. По умолчанию, свойство определяет высоту внутренней области. Если box-sizing имеет значение border-box, то свойство будет определять высоту области рамки.Атрибуты min-height и max-height при добавлении меняют значение height./* Значения-ключевые слова */ height: auto; /* <length> значения */ height: 120px; height: 10em; /* <percentage> значения */
Grunt- и Gulp-таски для оптимизации производительности#Grunt- и Gulp-таски для оптимизации производительности Снижение производительности может влиять на вовлечённость пользователей, на их ощущения от взаимодействия с сайтом и его доходность. К счастью, команда проекта «Make The Web Faster» из Google предложила набор наилучших практик для поддержания ваших страниц лёгкими, быстрыми и привлекательными. Они включают минификацию ресурсов вроде
Uncss gulp: ben-eb/gulp-uncss: DEPRECATED. Remove unused CSS selectors.Read More »