Блог
Фильтры CSS
CSS img {filter: blur(10);} -размытие img {filter: brightness(200%);} и img {filter: contrast(61%);} -контрастность img {width: calc(20px + 20px);} — выражение представляет собой комбинацию значений размеров и следующих знаков математических действий.Знаки плюс и минус должны отбиваться пробелами с двух сторон. filter: drop-shadow(<сдвиг по x> <сдвиг по y> <радиус размытия> <цвет>);Пример: .shadow …
ЧИТАТЬ…Затемнение при наведение на блок css
Всё актуальнее стало использование красивых эффектов при наведение. Ниже приведен пример простой реализации с помощью html+css. Должно получиться что-то подобное, справа: HTML текст <div class=»wrapper-blockhome»> <div class=»block2″> <a href=»https://agrarnik.info/2018/11/»> <img class=»img-responsive cover-home» src=»img/cover.png» alt=»new-number»> </a> <div class=»block2-bg»> <a href=»https://agrarnik.info/2018/11/»> <img class=»img-search» src=»img/active-search-symbol.png» alt=»иконка поиска»> </a> </div> </div> </div> CSS стили …
ЧИТАТЬ…Вертикальное выравнивание текста в полях формы, а также формы в html 5
Краткая заметка, которая, возможно, поможет сохранить время и нервы начинающим верстальщикам. Речь пойдёт о стилизации инпутов (input), т.е. полях формы. Казалось бы, чего тут сложного? Главные параметры, а именно ширина и высота задаются стандартно — width и height. Посмотрим в браузерах, как это выглядит. На первый взгляд всё отлично, но …
ЧИТАТЬ…