Archive for the 'CSS' Category
Градиент css
Posted on Май 18, 2012 - Filed Under CSS | Leave a Comment
Линейный градиент (сверху → вниз): .linearbg { /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #2F2727, #1a82f7); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #2F2727, #1a82f7); /* IE 10 */ background: -ms-linear-gradient(top, #2F2727, #1a82f7); /* Opera 11.10+ */ background: -o-linear-gradient(top, #2F2727, #1a82f7); [...]
Закругленные углы в css (border-radius)
Posted on Февраль 7, 2012 - Filed Under CSS | Leave a Comment
Все современные браузеры, кроме IE поддерживают скругление углов в css. Чтобы сделать закругленные создаем такой класс: .rc { -moz-border-radius: 0.3em; /* старые mozilla */ -webkit-border-radius: 0 0 0.3em 0.3em; /* safari, chrome */ border-radius: 0 0 0.3em 0.3em; /* современные mozilla, css3 */ }