Search
 
SCRIPT & CODE EXAMPLE
 

CSS

css svg width 100%

<svg height="100%" width="100%" viewBox="0 0 100 100"  preserveAspectRatio="none">
   <path d="M0 0 L100 0 L50 100 Z" />
</svg>
Comment

svg width

<!-- If you actually want it to stretch horizontally, 
disable aspect ratio preservation with preserveAspectRatio=none -->

<svg width="100%" height="50px" viewBox="0 0 20 10" preserveAspectRatio="none">
    <polygon fill=red stroke-width=0 
             points="0,10 20,10 10,0" />
</svg>
Comment

PREVIOUS NEXT
Code Example
Css :: flex direction 
Css :: best box shadow css 
Css :: css animation slide from bottom to top 
Css :: flexbox gap 
Css :: apply style to second child div 
Css :: hide input border on focus 
Css :: how to fix the nav bar to the left of the page 
Css :: estilos de scroll css 
Css :: rgb gold color 
Css :: change style of ordered list numbers css 
Css :: css 2 bilder nebeneinander 
Css :: get into a Docker container bash 
Css :: center div scss 
Css :: css text align 
Css :: html css add Avenir light font 
Css :: hide element using css 
Css :: scroll start from bottom css 
Css :: relier css html 
Css :: css grid repeat 
Css :: sass darken 
Css :: background opacity css hex 
Css :: vuetify input change outline color 
Css :: css margin left 
Css :: for sass 
Css :: cool box shadow effects css 
Css :: css box shadow from all sides 
Css :: how to remove gap between divs 
Css :: jest test try catch 
Css :: print media query css 
Css :: scroll padding top in css 
ADD CONTENT
Topic
Content
Source link
Name
2+6 =