netmin-net

Bootstrap Pricing Table

Bootstrap Pricing Table

A Pen by Sahar Ali Raza on CodePen.

License.

netmin-net

<svg class="tendrilSVG" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
      <defs>
      <circle class="blueDot" cx="0" cy="0" r="11.5" fill="#3cc9f3" stroke="#fff" stroke-miterlimit="10" stroke-width="2"/>
      <circle class="whiteDot" cx="0" cy="0" r="11.5" fill="#fff"/>
      <circle class="orangeDot" cx="0" cy="0" r="11.5" fill="#ff5d55"/>       
       </defs>
 <g class="whole">
      <g class="tendrils" >
        <path d="M417,325.15c-1.51,6.35,37.09,47.47,49.86,55.45,6.38,4,13.83,5.9,21.22,7.3a165.76,165.76,0,0,0,36.42,2.93c5.39-.18,11.49-.41,15.36,3.34,5,4.8,3.67,13.76,8.72,18.46,4.72,4.39,12.2,2.8,18.54,4,10.77,2,18.46,14.15,15.72,24.77"/>
        <path d="M420,323.22c5.34,6.5,68.55,28.52,87.89,30.19,19.7,1.7,39.62,3.39,59.18.47,7.36-1.1,14.62-2.85,22-4a161,161,0,0,1,32.33-1.4c12,.6,24.32,2.23,36-.61s23.08-11.53,24.59-23.5"/>

netmin-net

I PLAY WITH CODE 🎈

Another animation for my site.

A Pen by Chris Gannon on CodePen.

License.

netmin-net

Amoeba Loader

A Pen by Chris Gannon on CodePen.

License.

netmin-net

Diving SVG Animation

For some reason I'm thinking of squirrels. On water.

A Pen by Chris Gannon on CodePen.

License.

netmin-net

<svg class="bgGradSVG" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMin slice">
<linearGradient id="bgGrad" gradientUnits="userSpaceOnUse" x1="400" y1="-1.795888e-008" x2="400" y2="600">
	<stop  offset="0" style="stop-color:#22A4CA"/>
	<stop  offset="0.61" style="stop-color:#115F9A"/>
</linearGradient>
<rect fill="url(#bgGrad)" width="100%" height="100%"/>  
</svg>


<svg class="mainSVG" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">

netmin-net

  <svg class="rocketManSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"viewBox="0 0 600 600" >

    <defs>
      <path id="rocketClip" d="M300,465.7L300,465.7c-13.8,0-25-11.3-25-25V249.4c0-13.7,11.3-25,25-25h0c13.7,0,25,11.2,25,25v191.3
			C325,454.5,313.8,465.7,300,465.7z" />
      <clipPath id="rainbowClip">
        <use xlink:href="#rocketClip" overflow="visible" />
      </clipPath>
      <symbol id="badge">

netmin-net

<svg viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
 <defs>
  
 <pattern id="graph" 
           x="28" y="8" width="30" height="30"
           patternUnits="userSpaceOnUse">
  <line x1="0" x2="800" y1="0" y2="0" stroke="#CBCFE9" stroke-width="1"/> 
  <line x1="10" x2="10" y1="0" y2="600" stroke="#CBCFE9" stroke-width="1"/> 
  
  </pattern>

netmin-net

Have Fun With Code!

Because that's what it's all about.

Hand icon courtesy of Sergey Demushkin

A Pen by Chris Gannon on CodePen.

License.

netmin-net

Animated Background Gradient

A Pen by Mario Klingemann on CodePen.

License.