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