transition — Управление задержкой display:none Задать вопрос Вопрос задан 8 лет 11 месяцев назад Изменён 8 месяцев назад Просмотрен 29k раз Добрый день.Есть задача: сделать задержку скрытия элемента (меню второго уровня). Как это сделать на JS — догадываюсь, но хотелось бы обойтись одним CSS.Если вместо display использовать visibility, то все хорошо:.menu.second { visibility:hidden; […]
Рубрика: Css
Псевдокласс :checked | CSS | WebReferenceСодержаниеСинтаксисПримерСпецификацияБраузерыПсевдокласс :checked применяется к элементам интерфейса, таким как переключатели (checkbox), флажки (radio) и пункты списка (option), когда они находятся в положение «включено». Переключение элементов в такое состояние происходит с помощью атрибута checked элемента <input> или пользователем.Синтаксис Селектор:checked { … }Примеры использованияinput[type=»radio»]:checked { … }Стиль применяется только ко включенным переключателям.input[type=»checkbox»]:checked {
Css checked: :checked — CSS: Cascading Style SheetsRead More »
:active — CSS | MDNIn this articleСинтаксисПримерСпецификацииСовместимость с браузерамиСмотрите такжеПсевдокласс :active соответствует элементу в момент, когда он активируется пользователем. Он позволяет странице среагировать, когда элемент активируется. Взаимодействие элемента с мышью — это, как правило, время между нажатием и отпусканием пользователем кнопки мыши./* Любой элемент <a>, который будет активирован */ a:active { color: red; } Также
Стили css для кнопок: Buttons Основные стили кнопок CSS уроки для начинающих академияRead More »
Комбинаторы — Изучение веб-разработки | MDN Назад Обзор: Building blocks Далее Наконец мы рассмотрим селекторы, которые называются комбинаторами, поскольку они соединяют другие селекторы, создавая полезную связь селекторов друг с другом и расположением содержимого в документе.Необходимые условия: Базовая компьютерная грамотность, установленное базовое программное обеспечение, базовые знания о работе с файлами, основы HTML (изучите Введение в HTML)
Псевдоэлементы и псевдоклассы css: :invalid — CSS | MDNRead More »
css — Не работает картинка-ссылка html Вопрос задан 10 месяцев назад Изменён 10 месяцев назад Просмотрен 222 раза Не работает картинка-ссылка на сайте, хотя написано вроде правильно и даже через инструменты разработчика можно эту ссылку увидеть.Что странно: Ещё две ссылки-картинки на сайте тоже не работают. Работает только одна в футере. Но с планшета они почему-то работают.ссылка
Ссылка картинка css: Изображение в качестве ссылки | htmlbook.ruRead More »
background-size | htmlbook.ruInternet ExplorerChromeOperaSafariFirefoxAndroidiOS9.0+1.0+9.5+3.0+3.6+2.1+1.0+Краткая информация Значение по умолчанию autoНаследуетсяНетПрименяетсяКо всем элементам Ссылка на спецификацию http://www.w3.org/TR/css3-background/#the-background-sizeВерсии CSSCSS 1CSS 2CSS 2.1CSS 3ОписаниеМасштабирует фоновое изображение согласно заданным размерам.Синтаксисbackground-size: [ <значение> | <проценты> | auto ]{1,2} | cover | contain Значения<значение>Задает размер в любых доступных для CSS единицах — пикселы (px), сантиметры (cm), em и др. <проценты> Задает размер фоновой
Css background scale: background-size — CSS: Cascading Style SheetsRead More »
calc() как значение единицы CSS Могу ли я использовать Поиск ? calc() как значение единицы CSS — CR Глобальное использование 97,48% + 0,88% знак равно 98,36% Метод допуска расчетных значений для единиц длины, т. е. ширина: расчет (100% — 3em) Хром 4 — 18: Not supported 19 — 25: Supported 26 — 105: Supported 106:
Примеры CSS фильтров (CSS Filters) для работы с изображениямиПримеры CSS фильтров (CSS Filters) Примеры пользовательских CSS фильтров: CSS фильтры нужны для применения эффектов в графике как часть спецификации SVG. В эксклюзивной верстке сайтов иногда без CSS фильтров (CSS filter) не обойтись. Важно помнить! CSS фильтры дают хороший визуальный эффект, но есть и плохая сторона, CSS
Grayscale filter css: grayscale() — CSS: Cascading Style SheetsRead More »
Как сделать круглые изображения? | htmlbook.ruТема:Скруглённые уголкиInternet ExplorerChromeOperaSafariFirefoxAndroidiOS9.0+4.0+11.60+5.0+4.0+2.1+2.0+ЗадачаПревратить изображения в круг и добавить вокруг них рамку.РешениеДля скругления уголков у элементов в CSS3 предназначено свойство border-radius, значением которого выступает радиус закругления. Если взять квадратное изображение и добавить к нему это свойство, то мы получим уже не квадратное, а круглое изображение. В качестве значения следует задать половину
Круглое изображение css: Как сделать круглые изображения? | htmlbook.ruRead More »
div — Отключить автоматический перенос блока на новую строку. CSSЗдравствуйте. Необходимо чтобы при нехватке места в родительском блоке, дочерние не переносились на новую строку, а скрывались за правым краем и можно было их скроллитьПодскажите каким образом можно это сделать.http://jsfiddle.net/M8een/#container { border: 2px solid red; width: 350px; height: 120px; overflow-x: auto; overflow-y: hidden; } .image {
Css запретить перенос слов: Как запретить перенос текста? | WebReferenceRead More »