パーツ番号 07-09-05 ・ CSSのみ

六角形(ハニカム)柄背景パターン

六角形が隙間なく並ぶハニカム模様の静止背景。技術系や製造業サイトの見出し背景としてWordPressで映える。

staticcss

プレビュー

ソースコード

CSS

.d07-09-05{background-color:#2d3748;background-image:linear-gradient(30deg,#4a5568 12%,transparent 12.5%,transparent 87%,#4a5568 87.5%,#4a5568),linear-gradient(150deg,#4a5568 12%,transparent 12.5%,transparent 87%,#4a5568 87.5%,#4a5568),linear-gradient(30deg,#4a5568 12%,transparent 12.5%,transparent 87%,#4a5568 87.5%,#4a5568),linear-gradient(150deg,#4a5568 12%,transparent 12.5%,transparent 87%,#4a5568 87.5%,#4a5568),linear-gradient(60deg,#718096 25%,transparent 25.5%,transparent 75%,#718096 75%,#718096),linear-gradient(60deg,#718096 25%,transparent 25.5%,transparent 75%,#718096 75%,#718096);background-size:40px 70px;background-position:0 0,0 0,20px 35px,20px 35px,0 0,20px 35px}

クラス名 .d07-09-05 は本ライブラリ内での識別用です。複数のパーツを同じページで使う場合は、重複しないよう名前を変更してください。