From d3286db8c3b8fdb5c77ef5a6781a63c3ce5f6fbf Mon Sep 17 00:00:00 2001 From: thaovuthu <57203188+thaovuthu@users.noreply.github.com> Date: Thu, 31 Oct 2019 08:51:21 +0700 Subject: [PATCH 1/3] Create thaovt.css Create thaovt css file --- animations/thaovt.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 animations/thaovt.css diff --git a/animations/thaovt.css b/animations/thaovt.css new file mode 100644 index 00000000..fa9729c6 --- /dev/null +++ b/animations/thaovt.css @@ -0,0 +1,19 @@ +/** + * /* https://github.com/thaovuthu/ + * + * @format + */ + +@-webkit-keyframes bop { + 100% { + top: -20px; + text-shadow: 0 1px 0 #b7b7b7, 0 50px 25px rgba(0, 0, 0, 0.2); + } +} + +.bop { + position: relative; + top: 20px; + -webkit-animation: bop 0.3s ease infinite alternate; + text-shadow: 0 1px 0 #b7b7b7, 0 10px 10px rgba(0, 0, 0, 0.4); +} From 1d7824e0ebb9be44cccc96e30c29307c7fc47501 Mon Sep 17 00:00:00 2001 From: thaovuthu <57203188+thaovuthu@users.noreply.github.com> Date: Thu, 31 Oct 2019 08:52:42 +0700 Subject: [PATCH 2/3] Update animations.js Add new animation thaovt.css to project --- animations.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/animations.js b/animations.js index 977d0136..968a61b8 100644 --- a/animations.js +++ b/animations.js @@ -176,5 +176,6 @@ window.animations = [ {name: 'flashtext', author: 'cTahirih'}, {name: 'rotateOutUpRight', author: 'innocent-rajan'}, {name: 'lightSpeedOut', author: 'aarushi15002'}, - {name: 'lr-loop', author: 'luca-gouveia'} + {name: 'lr-loop', author: 'luca-gouveia'}, + {name: 'thaovt', author: 'thaovuthu'} ]; From 55e5ef6dfa1e5e64679852cdb64b7eea9718670a Mon Sep 17 00:00:00 2001 From: Niall Eccles Date: Tue, 12 Nov 2019 11:37:18 +0000 Subject: [PATCH 3/3] Update thaovt.css --- animations/thaovt.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/animations/thaovt.css b/animations/thaovt.css index fa9729c6..220f946f 100644 --- a/animations/thaovt.css +++ b/animations/thaovt.css @@ -4,16 +4,16 @@ * @format */ -@-webkit-keyframes bop { +@-webkit-keyframes thaovt { 100% { top: -20px; text-shadow: 0 1px 0 #b7b7b7, 0 50px 25px rgba(0, 0, 0, 0.2); } } -.bop { +.thaovt { position: relative; top: 20px; - -webkit-animation: bop 0.3s ease infinite alternate; + -webkit-animation: thaovt 0.3s ease infinite alternate; text-shadow: 0 1px 0 #b7b7b7, 0 10px 10px rgba(0, 0, 0, 0.4); }