CSS3

13.05.2015
.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; 
}

Не уходи, пока не прочитаешь:

Оставить комментарий