diff --git a/animations.js b/animations.js index 410ddd5e..ece7e292 100644 --- a/animations.js +++ b/animations.js @@ -176,9 +176,10 @@ window.animations = [ { name: 'rrrah', author: 'DhevaMargaPutra' }, { name: 'flashtext', author: 'cTahirih' }, { name: 'fancy-border', author: 'ThePoptartCrpr' }, - { name: 'flashtext', author: 'cTahirih' }, - { name: 'rotateOutUpRight', author: 'innocent-rajan' }, - { name: 'lightSpeedOut', author: 'aarushi15002' }, - { name: 'lr-loop', author: 'luca-gouveia' }, + {name: 'flashtext', author: 'cTahirih'}, + {name: 'rotateOutUpRight', author: 'innocent-rajan'}, + {name: 'lightSpeedOut', author: 'aarushi15002'}, + {name: 'lr-loop', author: 'luca-gouveia'}, + {name: 'thaovt', author: 'thaovt'}, { name: 'bubbles', author: 'Akshama' }, ]; diff --git a/animations/thaovt.css b/animations/thaovt.css new file mode 100644 index 00000000..220f946f --- /dev/null +++ b/animations/thaovt.css @@ -0,0 +1,19 @@ +/** + * /* https://github.com/thaovuthu/ + * + * @format + */ + +@-webkit-keyframes thaovt { + 100% { + top: -20px; + text-shadow: 0 1px 0 #b7b7b7, 0 50px 25px rgba(0, 0, 0, 0.2); + } +} + +.thaovt { + position: relative; + top: 20px; + -webkit-animation: thaovt 0.3s ease infinite alternate; + text-shadow: 0 1px 0 #b7b7b7, 0 10px 10px rgba(0, 0, 0, 0.4); +}