Стрелка
Миксин для генерации стрелки Генерим как Получаем : Результат :
Category: CSS
Контент во всю ширину , игнорируя размеры предка
.full-width{ width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } Но есть один минус ,…
Делаем, элементам меню, выравнивание по ширине
Выравниваем по ширине элементы меню ul { font: 14px Verdana, Geneva, sans-serif; text-align: justify; /* Обнуляем для родителя*/ line-height:…
Убираем стрелочки с input [type=”number”]
Sass : /*Убираем стрелочки с input type number*/ input[type=number],//other input[type=”number”]{ /*chrome*/ &::-webkit-outer-spin-button, &::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /*firefox*/…
Сравнительная таблица em vs px
Points Pixels Ems Проценты 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5% 8pt 11px 0.7em 70%…
Кнопка “печать страницы”
В head добавить: <style type=”text/css”> @media print { #printBtn { display:none; } } </style> в body добавляем кнопку, которую…
Стилизируем input file
Добавляем псевдо-кнопку рядом с со скрываемым объектом html: <div class=”file_wrap”> <span class=”wpcf7-form-control-wrap file-679″> <input name=”file-679″ size=”40″ class=”wpcf7-form-control wpcf7-file” aria-invalid=”false” type=”file”>…
Css Анимации
Подборка номер №1 Подборка № 2 Подборка еще еще еще эффект, фильтр, размытия Фильтра цвета JS 3d вращение css вращение…