discover-tour-filter.svg 3.9 KB

1
  1. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 342 143" style="enable-background:new 0 0 342 143;" xml:space="preserve"> <style type="text/css"> .st0{fill:#C1B2DD;} .st1{fill:none;stroke:#3E2C73;stroke-width:0.75;} .st2{fill:#5A4A79;} .st3{fill:#3E2C73;} .st4{fill:none;stroke:#FF7738;stroke-width:1.5;} .type { fill:#FF7738; } .type2 { opacity: 0; animation: type2 4s infinite; } .type3 { opacity: 0; animation: type3 4s infinite; } .results { transform-origin: 10% center; animation: resultChange 4s infinite; } @keyframes resultChange { 0%, 49% { transform: scaleX(1); } 50%, 74% { transform: scaleX(0.7); } 75%, 99% { transform: scaleX(1.2); } 100% { transform: scaleX(1); } } @keyframes type2 { 0%, 49% { opacity: 0; } 50%, 99% { opacity: 1; } 100% { opacity: 0; } } @keyframes type3 { 0%, 74% { opacity: 0; } 75%, 99% { opacity: 1; } 100% { opacity: 0; } } </style> <g id="highlight"> <rect x="1" y="30" class="st0" width="340" height="19"/> </g> <g id="border"> <path class="st1" d="M339.1,139.9L339,5.1c0-1.1-0.9-2-2-2L4.8,4.1c-1.1,0-2,0.9-2,2L2.1,138.7c0,1.1,0.9,2,2,2l333,1.2 C338.2,141.9,339.1,141,339.1,139.9z"/> </g> <g id="markers"> <path class="st2" d="M13,39h8c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-8c-0.6,0-1-0.4-1-1l0,0C12,39.4,12.4,39,13,39z"/> <path class="st0" d="M13,60h8c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-8c-0.6,0-1-0.4-1-1l0,0C12,60.4,12.4,60,13,60z"/> <path class="st0" d="M13,71h8c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-8c-0.6,0-1-0.4-1-1l0,0C12,71.4,12.4,71,13,71z"/> <path class="st0" d="M13,82h8c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-8c-0.6,0-1-0.4-1-1l0,0C12,82.4,12.4,82,13,82z"/> <path class="st0" d="M13,93h8c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-8c-0.6,0-1-0.4-1-1l0,0C12,93.4,12.4,93,13,93z"/> <path class="st0" d="M13,104h8c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-8c-0.6,0-1-0.4-1-1l0,0C12,104.4,12.4,104,13,104z"/> <path class="st0" d="M13,115h8c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-8c-0.6,0-1-0.4-1-1l0,0C12,115.4,12.4,115,13,115z"/> <path class="st0" d="M13,126h8c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-8c-0.6,0-1-0.4-1-1l0,0C12,126.4,12.4,126,13,126z"/> </g> <g id="results" class="results"> <path class="st2" d="M34,39h85c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H34c-0.6,0-1-0.4-1-1l0,0C33,39.4,33.4,39,34,39z"/> <path class="st3" d="M34,60h73c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H34c-0.6,0-1-0.4-1-1l0,0C33,60.4,33.4,60,34,60z"/> <path class="st3" d="M34,71h162c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H34c-0.6,0-1-0.4-1-1l0,0C33,71.4,33.4,71,34,71z"/> <path class="st3" d="M34,82h185c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H34c-0.6,0-1-0.4-1-1l0,0C33,82.4,33.4,82,34,82z"/> <path class="st3" d="M34,93h61c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H34c-0.6,0-1-0.4-1-1l0,0C33,93.4,33.4,93,34,93z"/> <path class="st3" d="M34,104h118c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H34c-0.6,0-1-0.4-1-1l0,0C33,104.4,33.4,104,34,104z"/> <path class="st3" d="M34,115h39c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H34c-0.6,0-1-0.4-1-1l0,0C33,115.4,33.4,115,34,115z"/> <path class="st3" d="M34,126h96c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H34c-0.6,0-1-0.4-1-1l0,0C33,126.4,33.4,126,34,126z"/> </g> <g id="search"> <path class="st4" d="M1.7,24.5L1.1,3.1c0-1.1,0.9-2,2-2L338,3.4c1.1,0,2,0.9,2,1.9l0.6,20.7c0,1.1-0.9,2.1-2,2.1l-335-1.6 C2.6,26.5,1.7,25.6,1.7,24.5z"/> <path class="st3" d="M19.6,15.3l3.1,3.1c0.4,0.4,0.4,0.9,0,1.3c-0.4,0.4-0.9,0.4-1.3,0l-3.1-3.1c-0.6,0.4-1.4,0.6-2.2,0.6 c-2.3,0-4.1-1.8-4.1-4.1S13.8,9,16.1,9s4.1,1.8,4.1,4.1C20.2,13.9,20,14.7,19.6,15.3z M16.1,15.4c1.3,0,2.3-1,2.3-2.3 s-1-2.3-2.3-2.3s-2.3,1-2.3,2.3S14.8,15.4,16.1,15.4z"/> </g> <path class="type type1" d="M34,13h55c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H34c-0.6,0-1-0.4-1-1l0,0C33,13.4,33.4,13,34,13z"/> <path class="type type2" d="M97,13h17c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1H97c-0.6,0-1-0.4-1-1l0,0C96,13.4,96.4,13,97,13z"/> <path class="type type3" d="M121,13h69c0.6,0,1,0.4,1,1l0,0c0,0.6-0.4,1-1,1h-69c-0.6,0-1-0.4-1-1l0,0C120,13.4,120.4,13,121,13z"/> </svg>