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;