From 812fb9c8c7917c64ed11e9e66d84c9be8068b020 Mon Sep 17 00:00:00 2001 From: edbrz9 Date: Sat, 31 Dec 2022 21:30:12 +0100 Subject: [PATCH] copyme added --- assets/css/copyme.css | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 assets/css/copyme.css diff --git a/assets/css/copyme.css b/assets/css/copyme.css new file mode 100644 index 0000000..b6084fa --- /dev/null +++ b/assets/css/copyme.css @@ -0,0 +1,36 @@ +section.copyme-containter { + position: relative; +} + +span.copypopup { + position: absolute; + background-color: var(--success); + color: white; + font-size: 1.5rem; + padding: 10px; + right: -20px; + top: -5px; + transform: rotate(12deg); + opacity: 0; +} + +section.copyme-containter span.success { + animation: fade-in 2s forwards; +} + +@keyframes fade-in { + 0% { + opacity: 0; + scale: 0%; + } + 10% { + opacity: 1; + scale: 100%; + } + 50% { + opacity: 1; + } + 100% { + opacity: 0; + } +} \ No newline at end of file