A Pen by Dan Lucas

Tutorials of (A pen by dan lucas) by Dan lucas

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>A Pen by  Dan Lucas</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <svg class="defs-only">
  <filter id="blue" color-interpolation-filters="sRGB"
          x="0" y="0" height="100%" width="100%">
    <feColorMatrix type="matrix"
      values="0.76 0 0 0  0.24 
              0.47 0 0 0  0.53  
              0.27 0 0 0  0.73 
              0 0 0 1  0" />
  </filter>
  <filter id="green" color-interpolation-filters="sRGB"
          x="0" y="0" height="100%" width="100%">
    <feColorMatrix type="matrix"
      values="0.89 0 0 0  0.11 
              0.27 0 0 0  0.73  
              0.38 0 0 0  0.62 
              0 0 0 1  0" />
  </filter>
</svg>



<img src="https://s3.amazonaws.com/amplify-math-public/learnosity/C_1-6_1_5.svg" class="circle c4" alt="" />

<img src="https://s3.amazonaws.com/amplify-math-public/learnosity/C_1-6_1_5.svg" class="circle c5" alt="" />

<img src="https://s3.amazonaws.com/amplify-math-public/learnosity/C_1-6_1_5.svg" class="circle" alt="" />
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
.defs-only {
  position: absolute;
  height: 0; width: 0;
  overflow: none;
  left: -100%;
}
.circle {
  width: 15%;
  height: auto;
}

.c4 {
   filter: url(#blue);
}

.c5 {
  filter: url(#green);
}
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( A Pen by Dan Lucas ) is write by Dan Lucas, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Dan Lucas