- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 24 Jan 2012 23:36:17 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-flexbox/images In directory hutz:/tmp/cvs-serv700/images Added Files: flex-flow1.svg flex-flow2.svg flex-flow3.svg Log Message: Added pictures to the flex-flow example. --- NEW FILE: flex-flow1.svg --- <svg xmlns="http://www.w3.org/2000/svg" width='240' height='80'> <defs> <marker id="arrow" viewBox="0 0 10 10" refX="0" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3.5" orient="auto"> <path d="M 0 0 L 10 5 L 0 10 z" fill='white' /> </marker> </defs> <rect x='0' y='0' width='200' height='80' rx='20' ry='20' fill='#444' /> <rect x='10' y='10' width='70' height='60' rx='10' ry='10' fill='#888' /> <rect x='90' y='10' width='70' height='60' rx='10' ry='10' fill='#888' /> <rect x='170' y='10' width='70' height='60' rx='10' ry='10' fill='#888' /> <path d='M 15 40 h 130' stroke-width='3' stroke='white' marker-end='url(#arrow)' /> </svg> --- NEW FILE: flex-flow2.svg --- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width='170' height='200'> <defs> <marker id="arrow" viewBox="0 0 10 10" refX="0" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3.5" orient="auto"> <path d="M 0 0 L 10 5 L 0 10 z" fill='white' /> </marker> <linearGradient id='vertical-fade' x1='0' x2='0' y1='0' y2='1'> <stop offset='20%' stop-color='white' /> <stop offset='80%' stop-color='transparent' /> </linearGradient> <mask id='vertical-fade-mask' x='0' y='0' width='1' height='1'> <rect width='100%' height='100%' fill='url(#vertical-fade)' /> </mask> </defs> <svg id='line' x='0' y='0' width='80' height='200'> <rect x='0' y='0' width='80' height='200' rx='20' ry='20' fill='#444' /> <rect x='10' y='10' width='60' height='70' rx='10' ry='10' fill='#888' /> <rect x='10' y='90' width='60' height='70' rx='10' ry='10' fill='#888' /> <path d='M 40 15 v 130' stroke-width='3' stroke='white' marker-end='url(#arrow)' /> </svg> <use x='90' y='0' xlink:href='#line' mask='url(#vertical-fade-mask)' /> </svg> --- NEW FILE: flex-flow3.svg --- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width='200' height='170'> <defs> <marker id="arrow" viewBox="0 0 10 10" refX="0" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3.5" orient="auto"> <path d="M 0 0 L 10 5 L 0 10 z" fill='white' /> </marker> <linearGradient id='fade' x1='1' x2='0' y1='0' y2='0'> <stop offset='20%' stop-color='white' /> <stop offset='80%' stop-color='transparent' /> </linearGradient> <mask id='fade-mask' x='0' y='0' width='1' height='1'> <rect width='100%' height='100%' fill='url(#fade)' /> </mask> </defs> <svg id='line' x='0' y='90' width='200' height='80'> <rect x='0' y='0' width='200' height='80' rx='20' ry='20' fill='#444' /> <rect x='120' y='10' width='70' height='60' rx='10' ry='10' fill='#888' /> <rect x='40' y='10' width='70' height='60' rx='10' ry='10' fill='#888' /> <path d='M 185 40 h -130' stroke-width='3' stroke='white' marker-end='url(#arrow)' /> </svg> <use x='0' y='-90' width='200' height='80' xlink:href='#line' mask='url(#fade-mask)' /> </svg>
Received on Tuesday, 24 January 2012 23:36:19 UTC