Item: A Pen by Emma
Rating: 3.4
Author: ebakernz

0 Downloads
3 Views
Tweet
Download Now View Demo

HTML
CSS

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Emma</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 764.87 535.94">

    <g class="regional icon">
       <polygon class="cls-3 outline1" points="113.52 134.89 229.99 67.64 346.47 134.89 346.47 269.38 229.99 336.62 113.52 269.38 113.52 134.89"/>
    </g>

</svg>
  
  

</body>

</html>


/*Downloaded from https://www.codeseek.co/ebakernz/a-pen-by-emma-MoMKLJ */
.outline1 {
    fill: none; 
    stroke: #0d72b9;
    stroke-miterlimit: 10;
    stroke-width: 3px;
}

g.icon .outline1 {
    stroke-dasharray: 808; 
    stroke-dashoffset:808; 
    transition:all 300ms ease-in-out; 
    fill:transparent;
 }

g.icon:hover .outline1{
    stroke-dashoffset:0; 
    cursor: pointer;
}

Comments

More from ebakernz

A Pen by Emma

Comments

More from ebakernz

A Pen by Emma

A Pen by Emma

Shapes logo

Dots hover

You Might Also Like

AngularJS Form Boilerplate

A Pen by Ryan P. C. McQuen

Flubby navigation 2

Reverse List

Simulate SVG paths are drawn using CSS animation

A Pen by Irakli Tsaishvili

30 Days of Vue - Day 5 -Watching for changes

Color wave