From 2580c5dcb9f1e5e6541f63f8c7e24e5dfc82f078 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 24 Dec 2021 09:45:51 +0100 Subject: Add snow effect for Christmas time --- assets/css/objects/_icon.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'assets/css/objects/_icon.scss') diff --git a/assets/css/objects/_icon.scss b/assets/css/objects/_icon.scss index cbce5cf..6718c50 100644 --- a/assets/css/objects/_icon.scss +++ b/assets/css/objects/_icon.scss @@ -1,4 +1,10 @@ @include namespace('icon') { + @keyframes fall { + to { + transform: translateY(105vh) rotate(90deg); + } + } + @include object(namespace()) { display: block; width: 16px; @@ -11,5 +17,14 @@ display: inline-block; vertical-align: -.1em; } + + @include modifier('snow') { + position: fixed; + z-index: 9999; + top: -20px; + animation: fall linear forwards; + stroke-width: 2px; + color: #fff; + } } } -- cgit v1.2.3-54-g00ecf