キリトリ(左にハサミ)
【html(直接css)】<div style="margin:5px 10px; text-align:left; background-image:repeating-linear-gradient(90deg,transparent,transparent 5px,#fff 5px,#fff 10px),linear-gradient(180deg,transparent 16px,#9ab 16px,#9ab 18px,transparent 18px);"><div style="display:inline-block; width:48px; height:34px; background-color:#9ab; background-size:60px 60px; background-position:37px 37px,37px 57px,11px 17px,11px 17px,48px 17px,48px 17px,10px 42px,10px 52px; background-image:radial-gradient(transparent 4px,#9ab 4px,#9ab 7px,transparent 7px),radial-gradient(transparent 4px,#9ab 4px,#9ab 7px,transparent 7px),linear-gradient(30deg,transparent 4px,#9ab 4px,#9ab 7px,transparent 7px),linear-gradient(150deg,transparent 4px,#9ab 4px,#9ab 7px,transparent 7px),linear-gradient(-30deg,#fff 12px,transparent 0),linear-gradient(-150deg,#fff 12px,transparent 0),radial-gradient(transparent 20px,#fff 0),radial-gradient(transparent 20px,#fff 0);"></div></div>
キリトリ(右にハサミ)
【html(直接css)】<div style="margin:5px 10px; text-align:right; background-image:repeating-linear-gradient(90deg,transparent,transparent 5px,#fff 5px,#fff 10px),linear-gradient(180deg,transparent 16px,#9ab 16px,#9ab 18px,transparent 18px);"><div style="display:inline-block;width:48px; height:34px; background-color:#9ab; background-size:60px 60px; background-position:11px 37px,11px 57px,37px 17px,37px 17px,0 17px,0 17px,38px 42px,38px 52px; background-image:radial-gradient(transparent 4px,#9ab 4px,#9ab 7px,transparent 7px),radial-gradient(transparent 4px,#9ab 4px,#9ab 7px,transparent 7px),linear-gradient(-30deg,transparent 4px,#9ab 4px,#9ab 7px,transparent 7px),linear-gradient(-150deg,transparent 4px,#9ab 4px,#9ab 7px,transparent 7px),linear-gradient(30deg,#fff 12px,transparent 0),linear-gradient(150deg,#fff 12px,transparent 0),radial-gradient(transparent 20px,#fff 0),radial-gradient(transparent 20px,#fff 0)";></div></div>
TOP≫SUB≫CSS実験室
*前←277→次#