CSS сниппеты
CSS полезности для веб-дизайна
Рекомендуется в начале разместить normalize.css
Убрать разрывы отображения блока position:fixed при скроллинге
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
Выравнивание блока по центру
display: block;
margin: auto;
text-align: center;
Выравнивание блока position:absolute по центру
position: absolute;
left: 50%;
margin-left: -25%;
Ограничение текста одной строкой
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
Анимация при наведении :hover или клике :active
transition: all ease .1s;
Увеличение изображения при наведении
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
Убрать искажение изображения при выделении
-webkit-backface-visibility: hidden;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
transform: rotate(0);
Убрать возможность выделения текста
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
Адаптивное изображение
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
text-align: center;