web屋の備忘録

ホームページ制作、webマーケティング、技術資料など

*

CSS3で作る、縫い目風のデザイン

      2016/01/12

このように、CSS3で縫い目風のデザインにすることができます。
/**---------------------------------------------------------------
縫い目風のデザイン
---------------------------------------------------------------**/
.stitched {
	height:100px;
	width:500px;
	padding: 5px 10px 5px 10px;
	margin: 15px;
	background: #e2e2e2;
	border: 2px dashed rgba(255,255,255,0.4);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 4px 4px rgba(10,10,0,.5);
	-webkit-box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 4px 4px rgba(10,10,0,.5);
	box-shadow: 0 0 0 4px #e2e2e2, 2px 1px 6px 4px rgba(10,10,0,.5);
}

 - HTML・CSS