CSS3 圆形
#css3-circle {
Ширина: 150px;
Высота: 150px;
граница радий: 50%;
фоновый цвет: #232323;}
CSS3 椭圆形
#css3-elipse {
Ширина: 200px;
высота: 100px;
граница радий: 50%;
фоновый цвет: #232323;}
CSS3 三角形
#css3-triangle {
Ширина: 0;
высота: 0;
Слево с границы: 100 пикселей прозрачный;
граница правая: 100 пикселей солидный прозрачный;
Пограничный подвод: 150px sold #232323;}
CSS3 平行四边形
#css3-parallelogram {
Ширина: 200px;
высота: 100px;
Фон: #232323;
-Webkit-transform: skew (-45deg);-moz-transform: skew (-45deg);-O-transform: skew (-45deg);
Преобразование: перекосив (-45DEG);
}
CSS3 梯形
#css3-trapezoid {
Ширина: 100px;
высота: 0;
Пограничный подъем: 100px soluts #232323;
Слево с границы: 50 пикселей прозрачно;
граница правая: 50px сплошной прозрачный;
}
CSS3 六角星
#css3-six-star {
Ширина: 0;
высота: 0;
позиция: относительно;
Пограничный подъем: 100px soluts #232323;
Слево с границы: 50 пикселей прозрачно;
граница правая: 50px сплошной прозрачный;
}#css3-six-star: после {
содержание: ;
Ширина: 0;
высота: 0;
позиция: абсолютно;
слева: -50px;
Верх: 35px;
Пограничная топ: 100px sold #232323;
Слево с границы: 50 пикселей прозрачно;
граница правая: 50px сплошной прозрачный;
}
CSS3 五角星
#css3-five-star {
Ширина: 0px;
высота: 0px;
Полевая: 50px 0;
позиция: относительно;
дисплей: блок;
Цвет: #232323;
граница правая: 100 пикселей солидный прозрачный;
Пограничный подъем: 70px Solid #232323;
Слево с границы: 100px solid transparent; -moz-transform: rotate (35deg);-webkit-transform: rotate (35deg);-MS-трансформ: вращение (35deg);-O-Transform: rotate (35Deg);
}#css3-five-star: до {
Пограничный пакет: 80px Solid #232323 ;;
Слево с границы: 30 пикселей прозрачного;
граница правая: 30px твердое прозрачное;
позиция: абсолютно;
высота: 0;
Ширина: 0;
Верх: -45PX;
слева: -63px;
дисплей: блок;
Содержание: ''; -Webkit-Transform: rotate (-35DEG);-MOZ-Transform: rotate (-35DEG);-MS-Transform: rotate (-35DEG);-O-Transform: rotate (-35DEG);
}#css3-five-star: после {
позиция: абсолютно;
дисплей: блок;
Цвет: #232323;
Верх: 3PX;
Слева: -105px;
Ширина: 0px;
высота: 0px;
граница правая: 100 пикселей солидный прозрачный;
Пограничный подъем: 70px Solid #232323;
Слево с границы: 100px твердое прозрачное; -webkit-transform: rotate (-70deg);-moz-transform: rotate (-70deg);-ms-transform: rotate (-70deg);-o-transform: rotate (-70deg );
содержание: '';
}
CSS3 五边形
#css3-pentagon {
позиция: относительно;
Ширина: 54px;
ширина границы: 50px 18px 0;
пограничный стиль: твердый;
Пограничный цвет: #232323 Transparent;} #CSS3-Pentagon: до {
содержание: ;
позиция: абсолютно;
высота: 0;
Ширина: 0;
Верх: -85PX;
Слева: -18PX;
ширина границы: 0 45px 35px;
пограничный стиль: твердый;
Пограничный цвет: прозрачный прозрачный #232323;}
CSS3 六边形
#css3-xexagon {
Ширина: 100px;
Высота: 55px;
Фон: #232323;
позиция: относительно;
}#css3-xexagon: до {
содержание: ;
позиция: абсолютно;
Верх: -25px;
слева: 0;
Ширина: 0;
высота: 0;
Слево с границы: 50 пикселей прозрачно;
граница правая: 50px сплошной прозрачный;
Пограничный подъем: 25 пикселей SOLID #232323; }#css3-exagon: после {
содержание: ;
позиция: абсолютно;
Внизу: -25px;
слева: 0;
Ширина: 0;
высота: 0;
Слево с границы: 50 пикселей прозрачно;
граница правая: 50px сплошной прозрачный;
Пограничная топ: 25 %-пинтов твердое вещество № 232323; }
CSS3 心形
#css3-heart {
позиция: относительно;
Ширина: 100px;
Высота: 90px;
} #css3-heart: до, #css3-heart: после {
позиция: абсолютно;
содержание: ;
Слева: 50px;
Верх: 0;
Ширина: 50px;
Высота: 80px;
Фон: #232323;
-Моз-грамотный радий: 50px 50px 0 0;
граница-радий: 50px 50px 0 0; -webkit-transform: rotate (-45deg);-Moz-Transform: rotate (-45Deg);-MS-трансформация: rotate (-45Deg);-O-Transform: вращение (- 45deg);
Преобразование: вращение (-45DEG);-Webkit-Transform-Origin: 0 100%;-Moz-Transform-Origin: 0 100%;-MS-Transform-Origin: 0 100%;-O-Transform-Origin: 0 100 %;
преобразование-происхождение: 0 100%;
}#css3-heart: после {
Слева: 0; -Webkit-Трансформация: вращение (45DEG);-MOZ-Transform: rotate (45DEG);-MS-Transform: rotate (45DEG);-O-Transform: utate (45DEG);
Преобразование: вращение (45deg);-Webkit-Transform-Origin: 100% 100%;-Moz-Transform-Origin: 100% 100%;-MS-трансформ-Оригин: 100% 100%;-O-Transform-Origin: 100% 100%;
преобразование-происхождение: 100% 100%;
}
CSS3 八卦
#css3-gossip {
Ширина: 96px;
Высота: 48px;
Фон: #f1f1f1;
Пограничный цвет: #232323;
пограничный стиль: твердый;
ширина границы: 2px 2px 50px 2px;
граница радий: 100%;
позиция: относительно;
}#css3-gossip: до {
содержание: ;
позиция: абсолютно;
Верх: 50%;
слева: 0;
Фон: #f1f1f1;
Граница: 18px твердое вещество #232323;
граница радий: 100%;
Ширина: 12px;
Высота: 12px;
}#css3-gossip: после {
содержание: ;
позиция: абсолютно;
Верх: 50%;
Слева: 50%;
Фон: #232323;
Граница: 18px Solid #f1f1f1;
граница радий: 100%;
Ширина: 12px;
Высота: 12px;
}