{"id":405,"date":"2011-08-13T13:23:07","date_gmt":"2011-08-13T10:23:07","guid":{"rendered":"http:\/\/saradmin.ru\/?p=405"},"modified":"2011-08-13T13:23:07","modified_gmt":"2011-08-13T10:23:07","slug":"%d1%80%d0%b8%d1%81%d1%83%d0%b5%d0%bc-%d1%80%d0%b0%d0%b7%d0%bd%d1%8b%d0%b5-%d0%b3%d0%b5%d0%be%d0%bc%d0%b5%d1%82%d1%80%d0%b8%d1%87%d0%b5%d1%81%d0%ba%d0%b8%d0%b5-%d1%84%d0%b8%d0%b3%d1%83%d1%80%d1%8b","status":"publish","type":"post","link":"https:\/\/saradmin.ru\/?p=405","title":{"rendered":"\u0420\u0438\u0441\u0443\u0435\u043c \u0440\u0430\u0437\u043d\u044b\u0435 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0444\u0438\u0433\u0443\u0440\u044b \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 CSS"},"content":{"rendered":"

\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f, \u043a\u0430\u043a \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0440\u0430\u0437\u043d\u044b\u0435 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0444\u0438\u0433\u0443\u0440\u044b \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 CSS. \u0421\u0442\u0430\u0442\u044c\u044f \u043f\u0435\u0440\u0435\u0432\u0435\u0434\u0435\u043d\u043d\u0430\u044f (\u0435\u0441\u043b\u0438 \u043c\u043e\u0436\u043d\u043e \u043c\u043e\u0439 \u043f\u0435\u0440\u0435\u0432\u043e\u0434 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u0444\u0438\u0433\u0443\u0440 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u043c), \u043d\u0430\u0434\u0435\u044e\u0441\u044c, \u0447\u0442\u043e \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u0441\u044f.<\/p>\n

\n
\n

\u041a\u0432\u0430\u0434\u0440\u0430\u0442<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.square {
\n\twclassth: 100px;
\n\theight: 100px;
\n\tbackground: red;
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\t\t\t\t<\/p>\n

\n

\u041f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.rectangle {
\n\twclassth: 200px;
\n\theight: 100px;
\n\tbackground: red;
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\n

\u041a\u0440\u0443\u0433<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.circle {
\n\twclassth: 100px;
\n\theight: 100px;
\n\tbackground: red;
\n\t-moz-border-radius: 50px;
\n\t-webkit-border-radius: 50px;
\n\tborder-radius: 50px;
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\n

\u041e\u0432\u0430\u043b<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.oval {
\n\twclassth: 200px;
\n\theight: 100px;
\n\tbackground: red;
\n\t-moz-border-radius: 100px \/ 50px;
\n\t-webkit-border-radius: 100px \/ 50px;
\n\tborder-radius: 100px \/ 50px;
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\n

\u0422\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0432\u0432\u0435\u0440\u0445<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.triangle-up {
\n\twclassth: 0;
\n\theight: 0;
\n\tborder-left: 50px solclass transparent;
\n\tborder-right: 50px solclass transparent;
\n\tborder-bottom: 100px solclass red;
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\n

\u0422\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0432\u043d\u0438\u0437<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.triangle-down {
\n\twclassth: 0;
\n\theight: 0;
\n\tborder-left: 50px solclass transparent;
\n\tborder-right: 50px solclass transparent;
\n\tborder-top: 100px solclass red;
\n}
\n\t\t\t\t\t<\/code>\n\t\t\t\t<\/div>\n

\n

\u0422\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0432\u043b\u0435\u0432\u043e<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.triangle-left {
\n\twclassth: 0;
\n\theight: 0;
\n\tborder-top: 50px solclass transparent;
\n\tborder-right: 100px solclass red;
\n\tborder-bottom: 50px solclass transparent;
\n}
\n\t\t\t\t\t<\/code>\n\t\t\t\t<\/div>\n

\n

\u0422\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0432\u043f\u0440\u0430\u0432\u043e<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.triangle-right {
\n\twclassth: 0;
\n\theight: 0;
\n\tborder-top: 50px solclass transparent;
\n\tborder-left: 100px solclass red;
\n\tborder-bottom: 50px solclass transparent;
\n}
\n\t\t\t\t\t<\/code>\n\t\t\t\t<\/div>\n

\n

\u0422\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0432 \u043b\u0435\u0432\u044b\u0439 \u0432\u0435\u0440\u0445\u043d\u0438\u0439 \u0443\u0433\u043e\u043b<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.triangle-topleft {
\n\twclassth: 0;
\n\theight: 0;
\n\tborder-top: 100px solclass red;
\n\tborder-right: 100px solclass transparent;
\n}
\n\t\t\t\t\t<\/code>\n\t\t\t\t<\/div>\n

\n

\u0422\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0432 \u043f\u0440\u0430\u0432\u044b\u0439 \u0432\u0435\u0440\u0445\u043d\u0438\u0439 \u0443\u0433\u043e\u043b<\/h2>\n
<\/div>\n

\t\t\t\t
\n.triangle-topright {
\n\twclassth: 0;
\n\theight: 0;
\n\tborder-top: 100px solclass red;
\n\tborder-left: 100px solclass transparent;<\/p>\n

}
\n\t\t\t\t<\/code>\n\t\t\t\t<\/div>\n

\n

\u0422\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0432 \u043b\u0435\u0432\u044b\u0439 \u043d\u0438\u0436\u043d\u0438\u0439 \u0443\u0433\u043e\u043b<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.triangle-bottomleft {
\n\twclassth: 0;
\n\theight: 0;
\n\tborder-bottom: 100px solclass red;
\n\tborder-right: 100px solclass transparent;
\n}
\n\t\t\t\t\t<\/code>\n\t\t\t\t<\/div>\n

\n

\u0422\u0440\u0435\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a, \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0432 \u043f\u0440\u0430\u0432\u044b\u0439 \u043d\u0438\u0436\u043d\u0438\u0439 \u0443\u0433\u043e\u043b<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.triangle-bottomright {
\n\twclassth: 0;
\n\theight: 0;
\n\tborder-bottom: 100px solclass red;
\n\tborder-left: 100px solclass transparent;
\n}
\n\t\t\t\t\t<\/code>\n\t\t\t\t<\/div>\n

\n

\u041f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u043e\u0433\u0440\u0430\u043c\u043c<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.parallelogram {
\n\twclassth: 150px;
\n\theight: 100px;
\n\t-webkit-transform: skew(20deg);
\n\t -moz-transform: skew(20deg);
\n\t -o-transform: skew(20deg);
\n\tbackground: red;
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\n

\u0422\u0440\u0430\u043f\u0435\u0446\u0438\u044f<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.trapezoid {
\n\tborder-bottom: 100px solclass red;
\n\tborder-left: 50px solclass transparent;
\n\tborder-right: 50px solclass transparent;
\n\theight: 0;
\n\twclassth: 100px;
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\n

\u0428\u0435\u0441\u0442\u0438\u043a\u043e\u043d\u0435\u0447\u043d\u0430\u044f \u0437\u0432\u0435\u0437\u0434\u0430<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.star-six {
\n\twclassth: 0;
\n\theight: 0;
\n\tborder-left: 50px solclass transparent;
\n\tborder-right: 50px solclass transparent;
\n\tborder-bottom: 100px solclass red;
\n\tposition: relative;
\n}
\n.star-six:after {
\n\twclassth: 0;
\n\theight: 0;
\n\tborder-left: 50px solclass transparent;
\n\tborder-right: 50px solclass transparent;
\n\tborder-top: 100px solclass red;
\n\tposition: absolute;
\n\tcontent: \"\";
\n\ttop: 30px;
\n\tleft: -50px;
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\n

\u041f\u044f\u0442\u0438\u043a\u043e\u043d\u0435\u0447\u043d\u0430\u044f \u0437\u0432\u0435\u0437\u0434\u0430 \u0430\u0432\u0442\u043e\u0440 Kit MacAllister<\/a><\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.star-five {
\n margin: 50px 0;
\n position: relative;
\n display: block;
\n color: red;
\n wclassth: 0px;
\n height: 0px;
\n border-right: 100px solclass transparent;
\n border-bottom: 70px solclass red;
\n border-left: 100px solclass transparent;
\n -moz-transform: rotate(35deg);
\n -webkit-transform: rotate(35deg);
\n -ms-transform: rotate(35deg);
\n -o-transform: rotate(35deg);
\n}
\n.star-five:before {
\n border-bottom: 80px solclass red;
\n border-left: 30px solclass transparent;
\n border-right: 30px solclass transparent;
\n position: absolute;
\n height: 0;
\n wclassth: 0;
\n top: -45px;
\n left: -65px;
\n display: block;
\n content: '';
\n -webkit-transform: rotate(-35deg);
\n -moz-transform: rotate(-35deg);
\n -ms-transform: rotate(-35deg);
\n -o-transform: rotate(-35deg);<\/p>\n

}
\n.star-five:after {
\n position: absolute;
\n display: block;
\n color: red;
\n top: 3px;
\n left: -105px;
\n wclassth: 0px;
\n height: 0px;
\n border-right: 100px solclass transparent;
\n border-bottom: 70px solclass red;
\n border-left: 100px solclass transparent;
\n -webkit-transform: rotate(-70deg);
\n -moz-transform: rotate(-70deg);
\n -ms-transform: rotate(-70deg);
\n -o-transform: rotate(-70deg);
\n content: '';
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\n

\u041f\u044f\u0442\u0438\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.pentagon {
\n position: relative;
\n wclassth: 54px;
\n border-wclassth: 50px 18px 0;
\n border-style: solclass;
\n border-color: red transparent;
\n}
\n.pentagon:before {
\n content: \"\";
\n position: absolute;
\n height: 0;
\n wclassth: 0;
\n top: -85px;
\n left: -18px;
\n border-wclassth: 0 45px 35px;
\n border-style: solclass;
\n border-color: transparent transparent red;
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\n

\u0428\u0435\u0441\u0442\u0438\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.hexagon {
\n\twclassth: 100px;
\n\theight: 55px;
\n\tbackground: red;
\n\tposition: relative;
\n}
\n.hexagon:before {
\n\tcontent: \"\";
\n\tposition: absolute;
\n\ttop: -25px;
\n\tleft: 0;
\n\twclassth: 0;
\n\theight: 0;
\n\tborder-left: 50px solclass transparent;
\n\tborder-right: 50px solclass transparent;
\n\tborder-bottom: 25px solclass red;
\n}
\n.hexagon:after {
\n\tcontent: \"\";
\n\tposition: absolute;
\n\tbottom: -25px;
\n\tleft: 0;
\n\twclassth: 0;
\n\theight: 0;
\n\tborder-left: 50px solclass transparent;
\n\tborder-right: 50px solclass transparent;
\n\tborder-top: 25px solclass red;
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\n

\u0412\u043e\u0441\u044c\u043c\u0438\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.octagon {
\n\twclassth: 100px;
\n\theight: 100px;
\n\tbackground: red;
\n\tposition: relative;
\n}<\/p>\n

.octagon:before {
\n\tcontent: \"\";
\n\tposition: absolute;
\n\ttop: 0;
\n\tleft: 0;
\n\tborder-bottom: 29px solclass red;
\n\tborder-left: 29px solclass .eee;
\n\tborder-right: 29px solclass .eee;
\n\twclassth: 42px;
\n\theight: 0;
\n}<\/p>\n

.octagon:after {
\n\tcontent: \"\";
\n\tposition: absolute;
\n\tbottom: 0;
\n\tleft: 0;
\n\tborder-top: 29px solclass red;
\n\tborder-left: 29px solclass .eee;
\n\tborder-right: 29px solclass .eee;
\n\twclassth: 42px;
\n\theight: 0;
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\n

\u0421\u0435\u0440\u0434\u0446\u0435 \u0430\u0432\u0442\u043e\u0440 Nicolas Gallagher<\/a><\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.heart {
\n position: relative;
\n wclassth: 100px;
\n height: 90px;
\n}
\n.heart:before,
\n.heart:after {
\n position: absolute;
\n content: \"\";
\n left: 50px;
\n top: 0;
\n wclassth: 50px;
\n height: 80px;
\n background: red;
\n -moz-border-radius: 50px 50px 0 0;
\n border-radius: 50px 50px 0 0;
\n -webkit-transform: rotate(-45deg);
\n -moz-transform: rotate(-45deg);
\n -ms-transform: rotate(-45deg);
\n -o-transform: rotate(-45deg);
\n transform: rotate(-45deg);
\n -webkit-transform-origin: 0 100%;
\n -moz-transform-origin: 0 100%;
\n -ms-transform-origin: 0 100%;
\n -o-transform-origin: 0 100%;
\n transform-origin: 0 100%;
\n}
\n.heart:after {
\n left: 0;
\n -webkit-transform: rotate(45deg);
\n -moz-transform: rotate(45deg);
\n -ms-transform: rotate(45deg);
\n -o-transform: rotate(45deg);
\n transform: rotate(45deg);
\n -webkit-transform-origin: 100% 100%;
\n -moz-transform-origin: 100% 100%;
\n -ms-transform-origin: 100% 100%;
\n -o-transform-origin: 100% 100%;
\n transform-origin :100% 100%;
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\n

\u0411\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0441\u0442\u044c \u0430\u0432\u0442\u043e\u0440 Nicolas Gallagher<\/a><\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.infinity {
\n position: relative;
\n wclassth: 212px;
\n height: 100px;
\n}<\/p>\n

.infinity:before,
\n.infinity:after {
\n content: \"\";
\n position: absolute;
\n top: 0;
\n left: 0;
\n wclassth: 60px;
\n height: 60px;
\n border: 20px solclass red;
\n -moz-border-radius: 50px 50px 0 50px;
\n border-radius: 50px 50px 0 50px;
\n -webkit-transform: rotate(-45deg);
\n -moz-transform: rotate(-45deg);
\n -ms-transform: rotate(-45deg);
\n -o-transform: rotate(-45deg);
\n transform: rotate(-45deg);
\n}<\/p>\n

.infinity:after {
\n left: auto;
\n right: 0;
\n -moz-border-radius: 50px 50px 50px 0;
\n border-radius: 50px 50px 50px 0;
\n -webkit-transform: rotate(45deg);
\n -moz-transform: rotate(45deg);
\n -ms-transform: rotate(45deg);
\n -o-transform: rotate(45deg);
\n transform: rotate(45deg);
\n}
\n\t\t\t\t\t<\/code><\/p><\/div>\n

\n

\u0411\u0440\u0438\u043b\u043b\u0438\u0430\u043d\u0442<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.diamond {
\n wclassth: 80px;
\n height: 80px;
\n background: red;
\n margin: 25px 0 15px 35px;
\n -webkit-transform: rotate(-45deg);
\n -moz-transform: rotate(-45deg);
\n -ms-transform: rotate(-45deg);
\n -o-transform: rotate(-45deg);
\n transform: rotate(-45deg);
\n -webkit-transform-origin: 0 100%;
\n -moz-transform-origin: 0 100%;
\n -ms-transform-origin: 0 100%;
\n -o-transform-origin: 0 100%;
\n transform-origin: 0 100%;
\n}<\/p>\n

<\/code><\/p><\/div>\n

\n

\u042f\u0439\u0446\u043e<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.egg {
\n display:block;
\n wclassth: 126px;
\n height: 180px;
\n background-color: red;
\n -webkit-border-radius: 63px 63px 63px 63px \/ 108px 108px 72px 72px;
\n border-radius: 50% 50% 50% 50% \/ 60% 60% 40% 40%;
\n}<\/p>\n

<\/code><\/p><\/div>\n

\n

\u041f\u0430\u043a-\u041c\u0430\u043d<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.pacman {
\n wclassth: 0px;
\n height: 0px;
\n border-right: 60px solclass transparent;
\n border-top: 60px solclass red;
\n border-left: 60px solclass red;
\n border-bottom: 60px solclass red;
\n border-top-left-radius: 60px;
\n border-top-right-radius: 60px;
\n border-bottom-left-radius: 60px;
\n border-bottom-right-radius: 60px;
\n}<\/p>\n

<\/code><\/p><\/div>\n

\n

\u0417\u043d\u0430\u0447\u043e\u043a \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u0430 (Talk Bubble)<\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.talkbubble {
\n wclassth: 120px;
\n height: 80px;
\n background: red;
\n position: relative;
\n -moz-border-radius: 10px;
\n -webkit-border-radius: 10px;
\n border-radius: 10px;
\n}
\n.talkbubble:before {
\n content:\"\";
\n position: absolute;
\n right: 100%;
\n top: 26px;
\n wclassth: 0;
\n height: 0;
\n border-top: 13px solclass transparent;
\n border-right: 26px solclass red;
\n border-bottom: 13px solclass transparent;
\n}<\/p>\n

<\/code><\/p><\/div>\n

\n

12-\u043b\u0443\u0447\u0435\u0432\u0430\u044f \u0432\u0441\u043f\u044b\u0448\u043a\u0430 \u0430\u0432\u0442\u043e\u0440 Alan Johnson<\/a><\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.burst-12 {
\n background: red;
\n wclassth: 80px;
\n height: 80px;
\n position: relative;
\n text-align: center;
\n}
\n.burst-12:before, .burst-12:after {
\n content: \"\";
\n position: absolute;
\n top: 0;
\n left: 0;
\n height: 80px;
\n wclassth: 80px;
\n background: red;
\n}
\n.burst-12:before {
\n -webkit-transform: rotate(30deg);
\n -moz-transform: rotate(30deg);
\n -ms-transform: rotate(30deg);
\n -o-transform: rotate(30deg);
\n transform: rotate(30deg);
\n}
\n.burst-12:after {
\n -webkit-transform: rotate(60deg);
\n -moz-transform: rotate(60deg);
\n -ms-transform: rotate(60deg);
\n -o-transform: rotate(60deg);
\n transform: rotate(60deg);
\n}<\/p>\n

<\/code><\/p><\/div>\n

\n

8-\u043b\u0443\u0447\u0435\u0432\u0430\u044f \u0432\u0441\u043f\u044b\u0448\u043a\u0430 \u0430\u0432\u0442\u043e\u0440 Alan Johnson<\/a><\/h2>\n
<\/div>\n

\t\t\t\t\t
\n.burst-8 {
\n background: red;
\n wclassth: 80px;
\n height: 80px;
\n position: relative;
\n text-align: center;
\n -webkit-transform: rotate(20deg);
\n -moz-transform: rotate(20deg);
\n -ms-transform: rotate(20deg);
\n -o-transform: rotate(20eg);
\n transform: rotate(20deg);
\n}
\n.burst-8:before {
\n content: \"\";
\n position: absolute;
\n top: 0;
\n left: 0;
\n height: 80px;
\n wclassth: 80px;
\n background: red;
\n -webkit-transform: rotate(135deg);
\n -moz-transform: rotate(135deg);
\n -ms-transform: rotate(135deg);
\n -o-transform: rotate(135deg);
\n transform: rotate(135deg);
\n}<\/p>\n

<\/code><\/p><\/div>\n<\/p><\/div>\n

\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f, \u043a\u0430\u043a \u043d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0440\u0430\u0437\u043d\u044b\u0435 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0444\u0438\u0433\u0443\u0440\u044b \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 CSS. \u0421\u0442\u0430\u0442\u044c\u044f \u043f\u0435\u0440\u0435\u0432\u0435\u0434\u0435\u043d\u043d\u0430\u044f (\u0435\u0441\u043b\u0438 \u043c\u043e\u0436\u043d\u043e \u043c\u043e\u0439 \u043f\u0435\u0440\u0435\u0432\u043e\u0434 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u0444\u0438\u0433\u0443\u0440 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u043c), \u043d\u0430\u0434\u0435\u044e\u0441\u044c, \u0447\u0442\u043e \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u0441\u044f. \u041a\u0432\u0430\u0434\u0440\u0430\u0442 .square { wclassth: 100px; height: 100px; background: red; }<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1,20],"tags":[54,53],"class_list":["post-405","post","type-post","status-publish","format-standard","hentry","category-main","category-20","tag-css","tag-html"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2HrGV-6x","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/saradmin.ru\/index.php?rest_route=\/wp\/v2\/posts\/405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saradmin.ru\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/saradmin.ru\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/saradmin.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saradmin.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=405"}],"version-history":[{"count":24,"href":"https:\/\/saradmin.ru\/index.php?rest_route=\/wp\/v2\/posts\/405\/revisions"}],"predecessor-version":[{"id":431,"href":"https:\/\/saradmin.ru\/index.php?rest_route=\/wp\/v2\/posts\/405\/revisions\/431"}],"wp:attachment":[{"href":"https:\/\/saradmin.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/saradmin.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/saradmin.ru\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}