From 81118cfb693617ec8b5aa5588d0919f7e9095239 Mon Sep 17 00:00:00 2001 From: clemtre Date: Mon, 19 Feb 2024 16:11:24 +0100 Subject: [PATCH] padding --- demo.html | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/demo.html b/demo.html index a49eef8..e395f66 100644 --- a/demo.html +++ b/demo.html @@ -48,6 +48,7 @@ the financial times of 1996, the article is called This bug in your PC is a --colorA : violet; --colorB : darkgreen; --colorC : purple; + --padding : 20px; --font-size: 24px; --point-size: 6px; --angle : 8deg; @@ -78,7 +79,11 @@ width:var(--point-size); height:var(--point-size); border-radius:100%;margin-bottom:auto } -.demo { width:fit-content; animation: rotation var(--duration) infinite linear; background:var(--background-text)} +.demo { width:fit-content; + animation: rotation var(--duration) infinite linear; + background:var(--background-text); + padding:var(--padding); +} body {height:calc(100vh - 20px); display:flex;justify-content:center;align-items:center} #cvfc{border-color:var(--colorA) !important; animation:blink .5s alternate linear;