Vitaliy977
Advanced Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Код: <svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="30px" height="31px" preserveAspectRatio="none">
<defs>
<style>
#tab-background-fill {
background-color: -moz-dialog;
background-image: linear-gradient(transparent 2px, rgba(255,255,255,.4) 2px, rgba(255,255,255,.4));
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
</style>
<svg:clipPath id="tab-curve-clip-path-start" clipPathUnits="objectBoundingBox">
<svg:path d="m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z"/>
</svg:clipPath>
</defs>
<foreignObject width="30" height="31" clip-path="url(#tab-curve-clip-path-start)">
<div id="tab-background-fill" xmlns="http://www.w3.org/1999/xhtml"></div>
</foreignObject>
</svg> |
Код: <svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="30px" height="31px" preserveAspectRatio="none">
<defs>
<style>
#tab-background-fill {
background-color: -moz-dialog;
background-image: linear-gradient(transparent 2px, rgba(255,255,255,.4) 2px, rgba(255,255,255,.4));
background-repeat: no-repeat;
height: 100%;
width: 100%;
}
</style>
<svg:clipPath id="tab-curve-clip-path-end" clipPathUnits="objectBoundingBox">
<svg:path d="m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z"/>
</svg:clipPath>
</defs>
<foreignObject width="30" height="31" clip-path="url(#tab-curve-clip-path-end)">
<div id="tab-background-fill" xmlns="http://www.w3.org/1999/xhtml"></div>
</foreignObject>
</svg> |
|
