CSS3

.block{

-ms-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
transform: rotate(3deg);

-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);

-webkit-transition: top 1s ease-out 0.5s;
-moz-transition: top 1s ease-out 0.5s;
-o-transition: top 1s ease-out 0.5s;
transition: top 1s ease-out 0.5s;

background:linear-gradient(top, #00cc00, #00ff00);
background:-moz-linear-gradient(top, #00cc00, #00ff00);
background:-webkit-gradient(top, #00cc00, #00ff00);

}

.gradient-top-and-bottom-from-center{
background: linear-gradient(to top, rgba(255,255,255,0.5) 0%, #fff 50%, rgba(255,255,255,0.5) 100%);
background: -moz-linear-gradient(to top, rgba(255,255,255,0.5) 0%, #fff 50%, rgba(255,255,255,0.5) 100%);
background: -webkit-gradient(to top, rgba(255,255,255,0.5) 0%, #fff 50%, rgba(255,255,255,0.5) 100%);
}

Прозрачный фон
div { background-color: rgba(255,255,255,1); }

Градиенты
ex1 { background: linear-gradient(left, #FFF, #000); }
ex2 { background: linear-gradient(right, #FFF, #000); }
ex3 { background: linear-gradient(225deg, #FFF, #000); }

ex1 {background: linear-gradient(left,#000,#FFF,#000);}
ex2 {background: linear-gradient(left,#000,#FFF 75%,#000);}
ex3 {background: linear-gradient(bottom,#000,#FFF 20px,#000);}
ex4 {background: linear-gradient(45deg,#000,#FFF,#000,#FFF,#000);}

div {
background: -moz-radial-gradient(#FFF, #000);
background: -ms-radial-gradient(#FFF, #000);
background: -webkit-radial-gradient(#FFF, #000);
}
div {/*-префикс-linear-gradient(стартовый цвет,финишный цвет);*/
background: -moz-linear-gradient(#FFF, #000);
background: -ms-linear-gradient(#FFF, #000);
background: -o-linear-gradient(#FFF, #000);
background: -webkit-linear-gradient(#FFF, #000);
}

Колонки

article {
    columns: 150px 3;  /* column-width: 150px; column-count: 3; */
}

article  {
    columns: 2;
    column-fill:auto;
    height: 250px;
}


перенос слов
<html lang="ru"> - обязательно

a{
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto; 
}
Эффект мигания с помощью animation

Для элемента с классом blink задаем такие стили и получаем мигание этого элемента: See the…

Делаем цветное изображение черно-белым с помощью CSS Filters

В данном примере сделаем изображение с классом filter черно-белым по умолчанию, а при наведении на…

Добавляем на сайт лайки Вконтакте, Facebook и кнопку Твитнуть

Вообще, для для Лайков существует большое количество плагинов, например отличный плагин Pluso (он больше для…

Как установить на сайт виджет для комментариев Facebook

Для того чтобы добавить виджет комментариев от Facebook необходимо проделать чуть больше работы чем с…

Ответить