"cut strawberry"
Bootstrap 4.0.0 Snippet by Shakibur22

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <svg version="1.1" class="straberry" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 600 600" style="enable-background:new 0 0 600 600;" xml:space="preserve"> <g id="leaves"> <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="300.202" y1="364.4512" x2="300.202" y2="340.9279"> <stop offset="2.590880e-03" style="stop-color:#83E29F"/> <stop offset="1" style="stop-color:#00A870"/> </linearGradient> <path class="stra0" d="M339.7,345.7c-23-9.1-35.8-2.7-38.7-0.9c-0.9-1.9-1.7-3.1-1.7-3.1c-0.6,1-1.2,2-1.7,3 c-7.2-1.7-28.6-6-36.9,1.1c0,0,3.6,7,22.1,4c-2.7,1.7-4.7,4.3-4.9,8.3c0,0,9,4.7,17.5-7.9c-2.8,10.2,3.8,14.3,3.8,14.3 c5.4-3.4,5.4-9.2,4-14.1c8.5,12.4,17.4,7.7,17.4,7.7c-0.2-3.9-2.1-6.5-4.7-8.2C332.8,352.7,339.7,345.7,339.7,345.7z"/> </g> <g id="Knife-behind"> <path class="stra6" d="M447.6,247.6c-145.6-3.5-283.4-68-283.4-68s34.6-5.2,46.2-6c59.2-3.8,237.1-3,237.1-3V247.6z"/> <path class="stra7" d="M442.7,247.2c-145.6-3.5-278.5-67.6-278.5-67.6s34.6-5.2,46.2-6c41.8,12.1,79.3,28,106,32.3 c57.2,9.2,119.4,13.2,119.4,13.2L442.7,247.2z"/> <path class="stra8" d="M447.6,247.6c-145.6-3.5-283.4-68-283.4-68s42.6,16.7,53.7,20.4c40.4,13.3,62.3,19.4,88.6,26 c25.2,6.3,58.4,11.7,72.5,13.7c45,6.5,68.5,5.9,68.5,5.9L447.6,247.6z"/> <path class="stra9" d="M504,166.4l-39-0.2h-17c-2.9,0-5.3,2.4-5.3,5.3v75.7c0,2.9,2.4,5.3,5.3,5.3h17c11.9-25.7,39-26,39-26v0h21.1 c2.3,0,4.6-0.6,6.6-1.8l5.5-3.2c4.2-2.5,9.4-2.4,13.6,0.2l0.7,0.4c4.3,2.7,9.7,2.7,13.9,0c4.5-2.8,10.2-2.6,14.6,0.4l2.1,1.5 c2.2,1.6,4.9,2.4,7.6,2.4h12.5v-60H504z"/> <linearGradient id="stain_1_" gradientUnits="userSpaceOnUse" x1="265.8091" y1="221.7616" x2="340.2461" y2="221.7616"> <stop offset="1.295440e-03" style="stop-color:#E0023C"/> <stop offset="0.8381" style="stop-color:#FF2156"/> <stop offset="1" style="stop-color:#FF487B"/> </linearGradient> <path id="stain" d="M266.3,216c0,0,51.6,16.8,72.6,18.5c0,0,3-2.6,0-4.3s-10.2-2.5-11-6.4s-5.8-8-9.7-7.6 c-3.9,0.4-6.5,2.8-16.9-1c-3.2-1.2,4.6-5.6-3.2-5.1c-5.6,0.3-6.4-2.8-15.7,1.1c-7,2.9-11.8,0.6-14.8,1.1 C264.6,212.5,266.3,216,266.3,216z"/> </g> <g id="straw4"> <g> <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="274.2755" y1="315.4419" x2="325.8843" y2="315.4419"> <stop offset="1.295440e-03" style="stop-color:#E0023C"/> <stop offset="1" style="stop-color:#D52156"/> </linearGradient> <path class="stra10" d="M317.4,339.5c-2.4,2.5-7.6,6-11,6.7c-3.2,0.7-9.9,0.7-13.1,0c-3-0.6-8.1-4-10.3-6.1 c-4.4-4.3-8.4-12-8.2-23.6c0.1-4.4,5.3-11.8,7.6-15.6c1.8-2.9,8.9-11.4,8.9-11.4c4.3-3.5,6.2-5.4,8.7-5.4c2.3,0,4.4,1.7,8.8,5.3 c0,0,6.8,7.9,8.5,10.7c2.4,4,7.6,11.7,8,16.3C326.2,329.6,321.5,335.2,317.4,339.5z"/> <g> <path class="stra11" d="M286.2,310.6c0.7-0.7,1.3-1.4,1.9-2.1"/> <path class="stra12" d="M286.2,314.2c-1.3,1.6-2.5,3.4-2.9,4.9c-0.4,1.4-3.1-1.7-4.8-3.9c-0.3-0.4-0.9-0.1-0.9,0.4 c0.5,4.8,4.9,7.8,5.3,9c0,2.4,0.8,4.6,1.9,6.4c0.9,1.5-2.6,0.4-5.3-0.4c-0.5-0.1-0.8,0.4-0.5,0.8c3.5,4.3,10.1,4.5,10.8,4.9 c1.9,1.2,3.3,2.3,4.7,2.6c1,0.2,3.9,3.6,5.4,3.6c1.7,0,4.3-3.4,5.4-3.6c2.2-0.5,5.5-2.1,7.1-3.8c1-1,1.5-0.7,2.6-2.2 c3.7,1,7.5-2.4,7.9-3.5c0.3-0.8-4.9,1.5-6.9-1.8c0-1,0.8-4.9,0.1-5.9c1.8-0.6,3.9-3.7,5-5.9c0.2-0.5-0.4-1-0.8-0.6 c-1.9,1.8-4.9,3.6-5.6,2.1c-0.9-1.9-2.5-3.3-2.9-4.5c-0.5-1.4,2.2-6.8,2.8-9.9c0.1-0.6-0.6-0.8-0.9-0.3c-1.5,2.7-5.5,6.7-7.3,4.2 c-0.7-1-1.2-2.2-2.2-3.7c-0.2-0.3,1.5-3.6,2.3-6.7c0.1-0.6-0.6-0.9-0.9-0.4c-1.3,2.3-3.1,4.6-3.3,4.3c-1-1.5-2.2-6.1-2.6-6.1 c-0.7,0-1.4,4.5-2.6,6c-0.3,0.3-2-2.2-3-4.7c-0.2-0.5-1-0.4-1,0.2c0,4.1,1.8,7.3,1.5,7.7c-1.1,1.6-2,3-2.4,3.7 c-0.6,0.9-1.4,2.3-2.4,2.2c-0.8-0.1-3.3-4.1-4.2-6.7c-0.2-0.5-0.9-0.4-1,0.1C284.3,306.5,286.3,314,286.2,314.2z"/> <path class="stra13" d="M290.2,335.3c1.1,1.4,4.6,3.4,6.1,3.8c1.7,0.4,5.2,0.4,6.9,0c1.8-0.5,5.2-2.1,6.4-3.6 c2.2-2.7,4.7-5.6,2.8-13.7c-1.1-4.7-3.9-9-6.5-12.7c-1.3-1.8-4.8-9.6-6.1-9.5c-1.4,0-5.3,7.3-6.3,9.2c-1.2,2.4-6,8.2-6.9,12.3 C285,328.1,287.9,332.6,290.2,335.3z"/> <path class="stra12" d="M297,336.1c1.3,0.4,3.9,0.4,5.1,0c1.3-0.4,3.8-1.7,4.8-3.1c1.6-2.3,2.9-4.4,1.3-12.8 c-0.4-1.9-2.1-6.5-4-9.6c-1-1.5-3.6-8.1-4.5-8.1c-1,0-4,6.2-4.6,7.8c-0.9,2-2.9,5.8-3.9,11c-1.2,6.1-0.3,9.3,1.4,11.6 C293.3,334.1,295.8,335.8,297,336.1z"/> <path class="stra14" d="M297.5,333.6c1,0.3,3,0.3,4,0c1-0.3,2.9-1.4,3.7-2.5c1.2-1.9,2.2-3.6,1-10.4c-0.3-1.5-1.6-5.3-3.1-7.8 c-0.7-1.2-2.8-6.6-3.5-6.6c-0.8,0-3,5-3.6,6.3c-0.7,1.7-2.2,4.7-3,8.9c-0.9,4.9-0.3,7.5,1.1,9.4 C294.7,331.9,296.6,333.3,297.5,333.6z"/> </g> </g> </g> <g id="straw3"> <g> <g> <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="259.9824" y1="298.9059" x2="340.3923" y2="298.9059"> <stop offset="1.295440e-03" style="stop-color:#E0023C"/> <stop offset="1" style="stop-color:#D52156"/> </linearGradient> <path class="stra15" d="M327.1,336c-3.7,3.8-11.8,9.3-17,10.4c-5,1.1-15.3,1-20.3,0c-4.6-1-12.6-6.2-15.9-9.5 c-6.8-6.7-16-18.8-12.7-36.5c1.6-8.4,8.2-18.2,11.7-24.1c2.7-4.5,13.8-17.6,13.8-17.6c6.7-5.3,9.5-8.3,13.5-8.3 c3.6,0,6.8,2.6,13.6,8.3c0,0,10.6,12.2,13.1,16.5c3.7,6.1,10.9,16.2,12.3,25.2C342.5,321.3,333.4,329.4,327.1,336z"/> </g> <g> <path class="stra11" d="M278.8,291c1-1.2,2.1-2.3,3-3.3"/> <path class="stra12" d="M278.8,296.7c-2.1,2.6-3.9,5.3-4.6,7.9c-0.6,2.3-4.9-2.7-7.7-6.2c-0.5-0.6-1.5-0.2-1.4,0.6 c0.9,7.6,7.8,12.4,8.5,14.3c-0.1,3.9,1.3,7.4,3,10.3c1.4,2.4-4.2,0.6-8.5-0.6c-0.7-0.2-1.3,0.6-0.9,1.2c5.5,6.8,16,7.1,17.2,7.8 c3,1.8,5.3,3.6,7.5,4.1c1.6,0.3,6.2,5.7,8.7,5.7c2.7,0,6.9-5.3,8.7-5.7c3.6-0.8,8.7-3.4,11.3-6c1.6-1.7,2.3-1.1,4.1-3.4 c5.9,1.6,12-3.8,12.6-5.5c0.5-1.3-7.9,2.3-11-2.9c0.1-1.6,1.2-7.8,0.2-9.3c2.9-1,6.2-5.8,8-9.5c0.4-0.8-0.6-1.5-1.2-0.9 c-3.1,2.9-7.8,5.7-8.9,3.3c-1.5-3.1-4-5.2-4.6-7.2c-0.7-2.2,3.5-10.9,4.5-15.7c0.2-0.9-1-1.3-1.5-0.5c-2.3,4.3-8.8,10.6-11.6,6.6 c-1.1-1.5-1.9-3.4-3.5-5.9c-0.3-0.4,2.5-5.8,3.6-10.7c0.2-0.9-1-1.4-1.5-0.6c-2.1,3.7-5,7.4-5.3,6.9c-1.6-2.4-3.6-9.7-4.1-9.7 c-1,0-2.3,7.2-4.2,9.6c-0.5,0.6-3.2-3.5-4.7-7.4c-0.3-0.8-1.5-0.6-1.5,0.3c0,6.5,2.9,11.6,2.4,12.3c-1.7,2.5-3.2,4.8-3.9,5.9 c-0.9,1.5-2.2,3.7-3.9,3.5c-1.3-0.1-5.3-6.6-6.8-10.8c-0.3-0.8-1.5-0.6-1.5,0.2C275.8,284.5,279.1,296.4,278.8,296.7z"/> <path class="stra13" d="M285.2,330.4c1.8,2.2,7.3,5.4,9.8,6c2.7,0.7,8.4,0.7,11.1,0c2.8-0.7,8.2-3.3,10.2-5.8 c3.4-4.3,7.5-9,4.5-21.9c-1.7-7.5-6.2-14.4-10.4-20.3c-2.1-2.9-7.7-15.2-9.7-15.2c-2.2,0-8.5,11.6-10,14.6 c-1.9,3.8-9.6,13.1-11.1,19.6C276.9,318.9,281.5,326,285.2,330.4z"/> <path class="stra12" d="M296.1,331.7c2,0.6,6.2,0.6,8.2,0c2.1-0.6,6.1-2.8,7.6-4.9c2.6-3.7,4.6-7.1,2-20.4 c-0.6-3-3.3-10.4-6.4-15.3c-1.5-2.4-5.7-12.9-7.2-12.9c-1.6,0-6.3,9.8-7.4,12.4c-1.4,3.3-4.6,9.3-6.2,17.5 c-1.9,9.7-0.5,14.8,2.2,18.5C290.2,328.4,294.2,331.1,296.1,331.7z"/> <path class="stra14" d="M296.9,327.6c1.5,0.5,4.8,0.5,6.3,0c1.6-0.5,4.7-2.3,5.8-4c2-3,3.6-5.7,1.5-16.5c-0.5-2.4-2.5-8.4-4.9-12.5 c-1.2-2-4.4-10.5-5.5-10.5c-1.2,0-4.9,8-5.7,10.1c-1.1,2.6-3.6,7.6-4.8,14.2c-1.4,7.9-0.4,12,1.7,15 C292.4,325,295.5,327.2,296.9,327.6z"/> </g> </g> </g> <g id="straw2"> <g> <g> <linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="299.9972" y1="346.7916" x2="299.9972" y2="250.0922"> <stop offset="1.295440e-03" style="stop-color:#E0023C"/> <stop offset="0.8381" style="stop-color:#FF2156"/> <stop offset="1" style="stop-color:#FF487B"/> </linearGradient> <path class="stra16" d="M326.9,335.6c-3.7,3.8-11.8,9.3-17,10.4c-5,1.1-15.3,1-20.3,0c-4.6-1-12.6-6.2-15.9-9.5 c-6.8-6.7-16-18.8-12.7-36.5c1.6-8.4,8.2-18.2,11.7-24.1c2.7-4.5,13.8-17.6,13.8-17.6c6.7-5.3,9.5-8.3,13.5-8.3 c3.6,0,6.8,2.6,13.6,8.3c0,0,10.6,12.2,13.1,16.5c3.7,6.1,10.9,16.2,12.3,25.2C342.3,320.9,333.2,329,326.9,335.6z"/> <path class="stra2" d="M308.9,257.9c0.3,0.7,0,1.4-0.7,1.7c-0.7,0.3-1.4,0-1.7-0.7s0.2-2.8,0.2-2.8S308.6,257.2,308.9,257.9z"/> <path class="stra2" d="M319.4,274.8c0.2,0.9-0.3,1.7-1.2,1.9c-0.9,0.2-1.7-0.3-1.9-1.2c-0.2-0.9,0.9-3.3,0.9-3.3 S319.2,273.9,319.4,274.8z"/> <path class="stra2" d="M309.3,269.7c0.2,0.9-0.4,1.9-1.3,2.1c-0.9,0.2-1.9-0.4-2.1-1.3c-0.2-0.9,1-3.6,1-3.6 S309.1,268.8,309.3,269.7z"/> <path class="stra2" d="M324.6,297.3c0.1,1-0.6,1.8-1.6,1.9s-1.8-0.6-1.9-1.6s1.4-3.5,1.4-3.5S324.5,296.3,324.6,297.3z"/> <path class="stra2" d="M328,286.3c0.1,0.9-0.6,1.7-1.5,1.8c-0.9,0.1-1.7-0.6-1.8-1.5c-0.1-0.9,1.3-3.3,1.3-3.3 S327.9,285.4,328,286.3z"/> <path class="stra2" d="M313.5,288.4c0.1,0.8-0.4,1.6-1.3,1.7c-0.8,0.1-1.6-0.4-1.7-1.3s1.1-3.1,1.1-3.1S313.4,287.5,313.5,288.4z" /> <path class="stra3" d="M286.1,275.8c-0.2,0.9-1.2,1.5-2.1,1.3c-0.9-0.2-1.5-1.2-1.3-2.1c0.2-0.9,2.5-2.8,2.5-2.8 S286.3,274.9,286.1,275.8z"/> <path class="stra5" d="M334,311c-0.1,1-1,1.7-2,1.6s-1.7-1-1.6-2c0.1-1,2.1-3.2,2.1-3.2S334.1,310,334,311z"/> <path class="stra5" d="M314.6,304.3c0.1,1-0.6,1.8-1.6,1.9s-1.8-0.6-1.9-1.6s1.4-3.5,1.4-3.5S314.5,303.3,314.6,304.3z"/> <path class="stra3" d="M316.6,317.3c0.1,1-0.6,1.8-1.6,1.9s-1.8-0.6-1.9-1.6s1.4-3.5,1.4-3.5S316.5,316.3,316.6,317.3z"/> <path class="stra3" d="M301.9,310.5c0.1,1-0.6,1.8-1.6,1.9s-1.8-0.6-1.9-1.6c-0.1-1,1.4-3.5,1.4-3.5S301.8,309.5,301.9,310.5z"/> <path class="stra3" d="M290.8,303.4c-0.1,1-1,1.7-1.9,1.6c-1-0.1-1.7-1-1.6-1.9c0.1-1,2.1-3.2,2.1-3.2S290.9,302.4,290.8,303.4z"/> <path class="stra3" d="M310.7,334c-0.3,0.9-1.3,1.4-2.2,1.1c-0.9-0.3-1.4-1.3-1.1-2.2c0.3-0.9,2.7-2.7,2.7-2.7S311,333,310.7,334z" /> </g> <path class="stra17" d="M317.4,339.5c-2.4,2.5-7.6,6-11,6.7c-3.2,0.7-9.9,0.7-13.1,0c-3-0.6-8.1-4-10.3-6.1 c-4.4-4.3-8.4-12-8.2-23.6c0.1-4.4,5.3-11.8,7.6-15.6c1.8-2.9,8.9-11.4,8.9-11.4c4.3-3.5,6.2-5.4,8.7-5.4c2.3,0,4.4,1.7,8.8,5.3 c0,0,6.8,7.9,8.5,10.7c2.4,4,7.6,11.7,8,16.3C326.2,329.6,321.5,335.2,317.4,339.5z"/> <g> <path class="stra11" d="M286.2,310.6c0.7-0.7,1.3-1.4,1.9-2.1"/> <path class="stra12" d="M286.2,314.2c-1.3,1.6-2.5,3.4-2.9,4.9c-0.4,1.4-3.1-1.7-4.8-3.9c-0.3-0.4-0.9-0.1-0.9,0.4 c0.5,4.8,4.9,7.8,5.3,9c0,2.4,0.8,4.6,1.9,6.4c0.9,1.5-2.6,0.4-5.3-0.4c-0.5-0.1-0.8,0.4-0.5,0.8c3.5,4.3,10.1,4.5,10.8,4.9 c1.9,1.2,3.3,2.3,4.7,2.6c1,0.2,3.9,3.6,5.4,3.6c1.7,0,4.3-3.4,5.4-3.6c2.2-0.5,5.5-2.1,7.1-3.8c1-1,1.5-0.7,2.6-2.2 c3.7,1,7.5-2.4,7.9-3.5c0.3-0.8-4.9,1.5-6.9-1.8c0-1,0.8-4.9,0.1-5.9c1.8-0.6,3.9-3.7,5-5.9c0.2-0.5-0.4-1-0.8-0.6 c-1.9,1.8-4.9,3.6-5.6,2.1c-0.9-1.9-2.5-3.3-2.9-4.5c-0.5-1.4,2.2-6.8,2.8-9.9c0.1-0.6-0.6-0.8-0.9-0.3c-1.5,2.7-5.5,6.7-7.3,4.2 c-0.7-1-1.2-2.2-2.2-3.7c-0.2-0.3,1.5-3.6,2.3-6.7c0.1-0.6-0.6-0.9-0.9-0.4c-1.3,2.3-3.1,4.6-3.3,4.3c-1-1.5-2.2-6.1-2.6-6.1 c-0.7,0-1.4,4.5-2.6,6c-0.3,0.3-2-2.2-3-4.7c-0.2-0.5-1-0.4-1,0.2c0,4.1,1.8,7.3,1.5,7.7c-1.1,1.6-2,3-2.4,3.7 c-0.6,0.9-1.4,2.3-2.4,2.2c-0.8-0.1-3.3-4.1-4.2-6.7c-0.2-0.5-0.9-0.4-1,0.1C284.3,306.5,286.3,314,286.2,314.2z"/> <path class="stra13" d="M290.2,335.3c1.1,1.4,4.6,3.4,6.1,3.8c1.7,0.4,5.2,0.4,6.9,0c1.8-0.5,5.2-2.1,6.4-3.6 c2.2-2.7,4.7-5.6,2.8-13.7c-1.1-4.7-3.9-9-6.5-12.7c-1.3-1.8-4.8-9.6-6.1-9.5c-1.4,0-5.3,7.3-6.3,9.2c-1.2,2.4-6,8.2-6.9,12.3 C285,328.1,287.9,332.6,290.2,335.3z"/> <path class="stra12" d="M297,336.1c1.3,0.4,3.9,0.4,5.1,0c1.3-0.4,3.8-1.7,4.8-3.1c1.6-2.3,2.9-4.4,1.3-12.8 c-0.4-1.9-2.1-6.5-4-9.6c-1-1.5-3.6-8.1-4.5-8.1c-1,0-4,6.2-4.6,7.8c-0.9,2-2.9,5.8-3.9,11c-1.2,6.1-0.3,9.3,1.4,11.6 C293.3,334.1,295.8,335.8,297,336.1z"/> <path class="stra14" d="M297.5,333.6c1,0.3,3,0.3,4,0c1-0.3,2.9-1.4,3.7-2.5c1.2-1.9,2.2-3.6,1-10.4c-0.3-1.5-1.6-5.3-3.1-7.8 c-0.7-1.2-2.8-6.6-3.5-6.6c-0.8,0-3,5-3.6,6.3c-0.7,1.7-2.2,4.7-3,8.9c-0.9,4.9-0.3,7.5,1.1,9.4 C294.7,331.9,296.6,333.3,297.5,333.6z"/> </g> </g> </g> <g id="Knife-front"> <path class="stra6" d="M447.6,247.6c-145.6-3.5-283.4-68-283.4-68s34.6-5.2,46.2-6c59.2-3.8,237.1-3,237.1-3V247.6z"/> <path class="stra7" d="M442.7,247.2c-145.6-3.5-278.5-67.6-278.5-67.6s34.6-5.2,46.2-6c41.8,12.1,79.3,28,106,32.3 c57.2,9.2,119.4,13.2,119.4,13.2L442.7,247.2z"/> <path class="stra8" d="M447.6,247.6c-145.6-3.5-283.4-68-283.4-68s42.6,16.7,53.7,20.4c40.4,13.3,62.3,19.4,88.6,26 c25.2,6.3,58.4,11.7,72.5,13.7c45,6.5,68.5,5.9,68.5,5.9L447.6,247.6z"/> <path class="stra9" d="M504,166.4l-39-0.2h-17c-2.9,0-5.3,2.4-5.3,5.3v75.7c0,2.9,2.4,5.3,5.3,5.3h17c11.9-25.7,39-26,39-26v0h21.1 c2.3,0,4.6-0.6,6.6-1.8l5.5-3.2c4.2-2.5,9.4-2.4,13.6,0.2l0.7,0.4c4.3,2.7,9.7,2.7,13.9,0c4.5-2.8,10.2-2.6,14.6,0.4l2.1,1.5 c2.2,1.6,4.9,2.4,7.6,2.4h12.5v-60H504z"/> <linearGradient id="stain_1_" gradientUnits="userSpaceOnUse" x1="265.8091" y1="221.7616" x2="340.2461" y2="221.7616"> <stop offset="1.295440e-03" style="stop-color:#E0023C"/> <stop offset="0.8381" style="stop-color:#FF2156"/> <stop offset="1" style="stop-color:#FF487B"/> </linearGradient> <path id="stain" d="M266.3,216c0,0,51.6,16.8,72.6,18.5c0,0,3-2.6,0-4.3s-10.2-2.5-11-6.4s-5.8-8-9.7-7.6 c-3.9,0.4-6.5,2.8-16.9-1c-3.2-1.2,4.6-5.6-3.2-5.1c-5.6,0.3-6.4-2.8-15.7,1.1c-7,2.9-11.8,0.6-14.8,1.1 C264.6,212.5,266.3,216,266.3,216z"/> </g> <g id="straw1"> <g> <defs> <path id="SVGID_6_" d="M317.4,339.5c-2.4,2.5-7.6,6-11,6.7c-3.2,0.7-9.9,0.7-13.1,0c-3-0.6-8.1-4-10.3-6.1 c-4.4-4.3-8.4-12-8.2-23.6c0.1-4.4,5.3-11.8,7.6-15.6c1.8-2.9,8.9-11.4,8.9-11.4c4.3-3.5,6.2-5.4,8.7-5.4c2.3,0,4.4,1.7,8.8,5.3 c0,0,6.8,7.9,8.5,10.7c2.4,4,7.6,11.7,8,16.3C326.2,329.6,321.5,335.2,317.4,339.5z"/> </defs> <clipPath id="SVGID_7_"> <use xlink:href="#SVGID_6_" style="overflow:visible;"/> </clipPath> <g class="stra18"> <linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="300.0799" y1="346.7916" x2="300.0799" y2="250.0922"> <stop offset="1.295440e-03" style="stop-color:#E0023C"/> <stop offset="0.8381" style="stop-color:#FF2156"/> <stop offset="1" style="stop-color:#FF487B"/> </linearGradient> <path class="stra19" d="M326.9,335.6c-3.7,3.8-11.8,9.3-17,10.4c-5,1.1-15.3,1-20.3,0c-4.6-1-12.6-6.2-15.9-9.5 c-6.8-6.7-13-18.5-12.7-36.5c0.1-6.8,8.2-18.2,11.7-24.1c2.7-4.5,13.8-17.6,13.8-17.6c6.7-5.3,9.5-8.3,13.5-8.3 c3.6,0,6.8,2.6,13.6,8.3c0,0,10.6,12.2,13.1,16.5c3.7,6.1,11.8,18.1,12.3,25.2C340.4,320.3,333.2,329,326.9,335.6z"/> <path class="stra2" d="M308.9,257.9c0.3,0.7,0,1.4-0.7,1.7c-0.7,0.3-1.4,0-1.7-0.7s0.2-2.8,0.2-2.8S308.6,257.2,308.9,257.9z"/> <path class="stra2" d="M319.4,274.8c0.2,0.9-0.3,1.7-1.2,1.9c-0.9,0.2-1.7-0.3-1.9-1.2c-0.2-0.9,0.9-3.3,0.9-3.3 S319.2,273.9,319.4,274.8z"/> <path class="stra2" d="M309.3,269.7c0.2,0.9-0.4,1.9-1.3,2.1c-0.9,0.2-1.9-0.4-2.1-1.3c-0.2-0.9,1-3.6,1-3.6 S309.1,268.8,309.3,269.7z"/> <path class="stra2" d="M324.6,297.3c0.1,1-0.6,1.8-1.6,1.9s-1.8-0.6-1.9-1.6s1.4-3.5,1.4-3.5S324.5,296.3,324.6,297.3z"/> <path class="stra2" d="M328,286.3c0.1,0.9-0.6,1.7-1.5,1.8c-0.9,0.1-1.7-0.6-1.8-1.5c-0.1-0.9,1.3-3.3,1.3-3.3 S327.9,285.4,328,286.3z"/> <path class="stra2" d="M313.5,288.4c0.1,0.8-0.4,1.6-1.3,1.7c-0.8,0.1-1.6-0.4-1.7-1.3s1.1-3.1,1.1-3.1S313.4,287.5,313.5,288.4z" /> <path class="stra3" d="M286.1,275.8c-0.2,0.9-1.2,1.5-2.1,1.3c-0.9-0.2-1.5-1.2-1.3-2.1c0.2-0.9,2.5-2.8,2.5-2.8 S286.3,274.9,286.1,275.8z"/> <path class="stra4" d="M299.2,286.7c0,1-0.7,1.8-1.7,1.8c-1,0-1.8-0.7-1.8-1.7c0-1,1.6-3.4,1.6-3.4S299.2,285.7,299.2,286.7z"/> <path class="stra5" d="M334,311c-0.1,1-1,1.7-2,1.6s-1.7-1-1.6-2c0.1-1,2.1-3.2,2.1-3.2S334.1,310,334,311z"/> <path class="stra5" d="M314.6,304.3c0.1,1-0.6,1.8-1.6,1.9s-1.8-0.6-1.9-1.6s1.4-3.5,1.4-3.5S314.5,303.3,314.6,304.3z"/> <path class="stra3" d="M316.6,317.3c0.1,1-0.6,1.8-1.6,1.9s-1.8-0.6-1.9-1.6s1.4-3.5,1.4-3.5S316.5,316.3,316.6,317.3z"/> <path class="stra3" d="M301.9,310.5c0.1,1-0.6,1.8-1.6,1.9s-1.8-0.6-1.9-1.6c-0.1-1,1.4-3.5,1.4-3.5S301.8,309.5,301.9,310.5z"/> <path class="stra3" d="M290.8,303.4c-0.1,1-1,1.7-1.9,1.6c-1-0.1-1.7-1-1.6-1.9c0.1-1,2.1-3.2,2.1-3.2S290.9,302.4,290.8,303.4z"/> <path class="stra3" d="M310.7,334c-0.3,0.9-1.3,1.4-2.2,1.1c-0.9-0.3-1.4-1.3-1.1-2.2c0.3-0.9,2.7-2.7,2.7-2.7S311,333,310.7,334z" /> </g> </g> </g> </svg>
.straberry{background-color: #ffce88;} .stra0{fill:url(#SVGID_1_);} .stra1{fill:url(#SVGID_2_);} .stra2{fill:#FFFFFF;} .stra3{opacity:0.5;fill:#FFFFFF;} .stra4{opacity:0.93;fill:#FFFFFF;} .stra5{opacity:0.8;fill:#FFFFFF;} .stra6{fill:#DDDDDD;} .stra7{fill:#EEEEEE;} .stra8{fill:#A6A6A6;} .stra9{fill:#1A1A1A;} .stra10{fill:#FF5282;stroke:url(#SVGID_3_);stroke-miterlimit:10;} .stra11{fill:#FFCBD7;} .stra12{fill:#FF84A3;} .stra13{fill:#FFCFE6;} .stra14{fill:#FF487B;} .stra15{fill:#FF5282;stroke:url(#SVGID_4_);stroke-miterlimit:10;} .stra16{fill:url(#SVGID_5_);} .stra17{fill:#FF5282;} .stra18{clip-path:url(#SVGID_7_);} .stra19{fill:url(#SVGID_8_);} #stain{ fill:#FF5282;stroke:url(#SVGID_3_);stroke-miterlimit:10; opacity:0.3; } #Knife-behind{ animation: cutb 2.8s ease infinite; } #Knife-front{ animation: cutf 2.8s ease infinite; } @keyframes cutb{ 0%{ transform: translateY(-20px); opacity:0; } 28%{ transform: translateY(118px); opacity:0; } 39%{ transform: translateY(5px); opacity:0; } 40%{ opacity:1; } 50%{ transform: translateY(118px); } 60%{ transform: translateY(5px); opacity:1; } 71%{ transform: translateY(118px); opacity:1; } 99%{ transform: translateY(-20px); opacity:1; } 100%{ transform: translateY(-20px); opacity:1; } } @keyframes cutf{ 0%{ transform: translateY(-20px); opacity:1; } 28%{ transform: translateY(118px); opacity:1; } 39%{ transform: translateY(5px); opacity:1; } 40%{ opacity:0; } 50%{ transform: translateY(118px); opacity:0; } 60%{ transform: translateY(5px); opacity:0; } 71%{ transform: translateY(118px); opacity:0; } 99%{ transform: translateY(-20px); opacity:0; } 100%{ transform: translateY(-20px); opacity:0; } } #straw1{ animation:straw1 2.8s ease infinite; } @keyframes straw1{ 0%{ transform: translateY(30px); opacity:0; } 10%{ transform: translateX(0px); opacity:1; } 27%{ transform: translateX(0px); opacity:1; } 28%{ transform: translateX(0px); opacity:1; } 50%{ transform: translateX(-200px); opacity:1; } 90%{ transform: translateX(-200px); opacity:1; } 95%{ transform: translateX(-200px); opacity:0; } 100%{ transform: translateX(0px); opacity:0; } } #straw2{ animation:straw2 2.8s ease infinite; } @keyframes straw2{ 0%{ transform: translateY(30px); opacity:0; } 10%{ transform: translateX(0px); opacity:1; } 27%{ transform: translateX(0px); opacity:1; } 28%{ transform: translateX(0px); opacity:1; } 50%{ transform: translateX(0px); opacity:1; } 65%{ transform: translateX(-100px); opacity:1; } 90%{ transform: translateX(-100px); opacity:1; } 95%{ transform: translateX(-100px); opacity:0; } 100%{ transform: translateX(0px); opacity:0; } } #straw4{ transform-origin: center center; animation:straw4 2.8s ease infinite; } @keyframes straw4{ 0%{ transform: translateY(30px); opacity:0; } 10%{ transform: translateX(0px); opacity:1; } 27%{ transform: translateX(0px); opacity:1; } 28%{ transform: translateX(0px); opacity:1; } 68%{ transform: translateX(0px); opacity:1; } 78%{ transform: translateX(100px); opacity:1; } 90%{ transform: translateX(100px); opacity:1; } 95%{ transform: translateX(100px) ; opacity:0; } 100%{ transform: translateX(0px); opacity:0; } } #straw3{ animation:straw3 2.8s ease infinite; } @keyframes straw3 { 0%{ opacity:0; transform:translateY(30px);} 10%{opacity:1; transform:translateY(0px); } 95%{opacity:1;} 100%{opacity:0;} } #leaves{ animation:leaves 2.8s ease infinite; } @keyframes leaves { 0%{ opacity:1;transform:translateY(30px);} 10%{ opacity:1;transform:translateY(0px);} 95%{opacity:1;transform:translateY(0px);} 100%{opacity:0;} }

Related: See More


Questions / Comments: