Ming eldyvoon
eldyvoon
/ animated-check.js
Created
April 11, 2016 15:58
— forked from tkh44/animated-check.js
Animated Checkmark Directive inspired by http://codepen.io/haniotis/pen/KwvYLO
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| angular.module('animated-checkmark', []).directive('animatedCheck', animatedCheck); | |
| function animatedCheck() { | |
| const svgTemplate = ` | |
| <div class="checkmark-container"> | |
| <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"> | |
| <g> | |
| <circle class="checkmark-outline" cx="26" cy="26" r="25" fill="none" /> | |
| <circle class="checkmark-circle" cx="26" cy="26" r="25" fill="none" /> | |
| <path class="checkmark-check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" /> | |
| </g> |