Toggle-switches | Nawsome good dragon 17
html公开前 25 行,完整代码需登录
<svg xml:space="preserve" viewBox="0 0 500 300" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="svg-switch-container" version="1.1">
<defs>
<linearGradient y2="331.0775" x2="360" y1="149.0088" x1="360" gradientUnits="userSpaceOnUse" id="SVGID_1_">
<stop style="stop-color:#636F7C" offset="0"></stop>
<stop style="stop-color:#5A6571" offset="1"></stop>
</linearGradient>
<filter height="160%" width="200%" y="-30%" x="-50%" id="inset-shadow-big-bottom">
<feOffset dy="2" dx="0"></feOffset>
<feGaussianBlur result="offset-blur" stdDeviation="1"></feGaussianBlur>
<feComposite result="inverse" in2="offset-blur" in="SourceGraphic" operator="out"></feComposite>
<feFlood result="color" flood-opacity="1" flood-color="#FFF"></feFlood>
<feComposite result="shadow" in2="inverse" in="color" operator="in"></feComposite>
<feComponentTransfer result="shadow" in="shadow">
<feFuncA type="linear"></feFuncA>
</feComponentTransfer>
<feComposite result="final-shadow-1" in2="SourceGraphic" in="shadow" operator="over"></feComposite>
<feOffset dy="-4" dx="0"></feOffset>
<feGaussianBlur result="offset-blur" stdDeviation="2"></feGaussianBlur>
<feComposite result="inverse" in2="offset-blur" in="final-shadow-1" operator="out"></feComposite>
<feFlood result="color" flood-opacity="1" flood-color="#999"></feFlood>
<feComposite result="shadow" in2="inverse" in="color" operator="in"></feComposite>
<feComponentTransfer result="shadow" in="shadow">
<feFuncA type="linear"></feFuncA>