From 7918d0720eb897f162e88d18da3765cd8ec86b9e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Grzegorz=20Ku=C4=87mierz?= Date: Fri, 21 Mar 2025 17:42:47 +0100 Subject: [PATCH] add colors --- src/components/HelloWorld.vue | 25 ++++++++++++++++++++++--- 1 file changed, 22 insertions(+), 3 deletions(-) diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue index cc74ae4..48e7762 100644 --- a/src/components/HelloWorld.vue +++ b/src/components/HelloWorld.vue @@ -22,6 +22,26 @@ margin: 100px; } +.top { + background: white; +} +.bottom { + background: yellow; +} +.front { + background: blue; +} +.back { + background: green; +} +.left { + background: red; +} +.right { + background: orange; +} + + .cube { position: relative; width: 200px; @@ -32,10 +52,9 @@ .face { width: 200px; height: 200px; - background: skyblue; - border: 2px solid black; + border: 0px solid black; position: absolute; - opacity: 0.7; + opacity: 0.9; display: flex; align-items: center; justify-content: center;