CSS3圆形
＃css3-circle {
幅：150px;
高さ：150px;
ボーダーラジウス：50％;
背景色：＃232323;}
CSS3椭圆形
＃css3-elipse {
幅：200px;
高さ：100px;
ボーダーラジウス：50％;
背景色：＃232323;}
CSS3三角形
＃css3-triangle {
幅：0;
高さ：0;
国境左：100px固体透明。
国境右：100px固体透明。
国境圏：150pxソリッド＃232323;}
CSS3平行四边形
＃CSS3-パラレルグラム{
幅：200px;
高さ：100px;
背景：＃232323;
-webkit-transform：skew（-45deg）; - moz-transform：skew（-45deg）; -o-transform：skew（-45deg）;
変換：スキュー（-45deg）;
}
CSS3梯形
＃css3-trapezoid {
幅：100px;
高さ：0;
国境圏：100pxソリッド＃232323;
国境左：50px固体透明。
国境右：50px固体透明。
}
CSS3六角星
＃CSS3-シックススター{
幅：0;
高さ：0;
位置：相対;
国境圏：100pxソリッド＃232323;
国境左：50px固体透明。
国境右：50px固体透明。
}＃css3-six-star：後{
コンテンツ： ;
幅：0;
高さ：0;
位置：絶対;
左：-50px;
トップ：35px;
ボーダートップ：100pxソリッド＃232323;
国境左：50px固体透明。
国境右：50px固体透明。
}
CSS3五角星
＃css3-five-star {
幅：0px;
高さ：0px;
マージン：50px 0;
位置：相対;
表示：ブロック;
色：＃232323;
国境右：100px固体透明。
国境圏：70pxソリッド＃232323;
境界左：100px固体透明; -moz-transform：rotate（35deg）; - webkit-transform：rotate（35deg）; - ms-transform：rote（35deg）; -o-transform：rotate（35deg）;
}＃css3-five-star：before {
国境圏：80pxソリッド＃232323 ;;
国境左：30px固体透明。
国境右：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;
国境右：100px固体透明。
国境圏：70pxソリッド＃232323;
境界左：100px固体透明; -webkit-transform：rotate（-70deg）; - moz-transform：rotate（-70deg）; - ms-transform：rote（-70deg）; - o-transform：rotate（-70deg（-70deg） ）;
コンテンツ： '';
}
CSS3五边形
＃css3-pentagon {
位置：相対;
幅：54px;
境界線：50px 18px 0;
ボーダースタイル：ソリッド;
境界線：＃232323透明;}＃css3-pentagon：before {
コンテンツ： ;
位置：絶対;
高さ：0;
幅：0;
上：-85px;
左：-18px;
境界線：0 45px 35px;
ボーダースタイル：ソリッド;
境界線：透明な透明＃232323;}
CSS3六边形
＃css3-hexagon {
幅：100px;
高さ：55px;
背景：＃232323;
位置：相対;
}＃css3-hexagon：before {
コンテンツ： ;
位置：絶対;
上：-25px;
左：0;
幅：0;
高さ：0;
国境左：50px固体透明。
国境右：50px固体透明。
国境圏：25pxソリッド＃232323; }＃css3-hexagon：後{
コンテンツ： ;
位置：絶対;
下：-25px;
左：0;
幅：0;
高さ：0;
国境左：50px固体透明。
国境右：50px固体透明。
ボーダートップ：25pxソリッド＃232323; }
CSS3心形
＃css3-heart {
位置：相対;
幅：100px;
高さ：90px;
}＃css3-heart：前、＃css3-heart：後{
位置：絶対;
コンテンツ： ;
左：50px;
上：0;
幅：50px;
高さ：80px;
背景：＃232323;
-moz-border-radius：50px 50px 0 0;
Border-radius：50px 50px 0 0; -webkit-transform：Rotate（-45deg）; - moz-transform：Rotate（-45deg）; - ms-transform：Rotate（-45deg）; - O-Transform：Rotate（ - - 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-Transform：Rotate（45Deg）; -Moz-Transform：Rotate（45Deg）; - MS-Transform：Rotate（45Deg）; -O-Transform：Rotate（45Deg）;
変換：回転（45DEG）; - WebKit-Transform-Origin：100％100％; -Moz-Transform-Origin：100％100％; - MS-Transform-Origin：100％100％; -O-Tranform-Origin： 100％100％;
変換オリジン：100％100％;
}
CSS3八卦
＃css3-gossip {
幅：96px;
高さ：48px;
背景：＃f1f1f1;
境界線：＃232323;
ボーダースタイル：ソリッド;
境界線：2px 2px 50px 2px;
ボーダーラジウス：100％;
位置：相対;
}＃css3-gossip：before {
コンテンツ： ;
位置：絶対;
トップ：50％;
左：0;
背景：＃f1f1f1;
国境：18pxソリッド＃232323;
ボーダーラジウス：100％;
幅：12px;
高さ：12px;
}＃css3-gossip：後{
コンテンツ： ;
位置：絶対;
トップ：50％;
左：50％;
背景：＃232323;
境界線：18pxソリッド＃F1F1F1;
ボーダーラジウス：100％;
幅：12px;
高さ：12px;
}