From a3fb6d61d07f6abaa76f99ba4d69dfddaf43305f Mon Sep 17 00:00:00 2001 From: Luka Hietala Date: Fri, 14 Nov 2025 10:43:45 +0200 Subject: [PATCH] hover trasition box shadowiin --- index.html | 50 +++++++++++++++++++++++++---------------------- static/styles.css | 12 +++++++++++- 2 files changed, 38 insertions(+), 24 deletions(-) diff --git a/index.html b/index.html index b1e5aea..ea266fe 100644 --- a/index.html +++ b/index.html @@ -7,29 +7,33 @@
-
- Tupru-pentu -
-

- Pentuliven Tupru-pentu maistaa vettä. -

-

- Ylen Pentulive on suora Areena-lähetys, jossa seurataan englanninspringerspanielin pentueen elämää 24/7 syntymästä luovutusikään saakka. -

-
-
- -
- Urho -
-

- 10-kuukautinen Urho on maailman kaunein norjalainen metsäkissa - kasvattajanimi olikin enne -

-

- Nuoreksi kissaksi Urho on niittänyt runsaasti menestystä. Maailmanvoittajan titteli oli sille jo 17. voitto kissojen kauneuskilpailuissa. -

-
-
+ +
+ Tupru-pentu +
+

+ Pentuliven Tupru-pentu maistaa vettä. +

+

+ Ylen Pentulive on suora Areena-lähetys, jossa seurataan englanninspringerspanielin pentueen elämää 24/7 syntymästä luovutusikään saakka. +

+
+
+ + + +
+ Urho +
+

+ 10-kuukautinen Urho on maailman kaunein norjalainen metsäkissa - kasvattajanimi olikin enne +

+

+ Nuoreksi kissaksi Urho on niittänyt runsaasti menestystä. Maailmanvoittajan titteli oli sille jo 17. voitto kissojen kauneuskilpailuissa. +

+
+
+
\ No newline at end of file diff --git a/static/styles.css b/static/styles.css index 8148dea..3f8d056 100644 --- a/static/styles.css +++ b/static/styles.css @@ -9,6 +9,11 @@ body { background-color: #f8f8f8; } +a { + color: black; + text-decoration: none; +} + .uutis-lista { display: flex; flex-direction: column; @@ -19,6 +24,11 @@ body { display: flex; flex-direction: column; background-color: white; + transition: 0.2s; +} + +.uutis-kortti:hover { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.01), 0 2px 20px 0 rgba(0, 0, 0, 0.05); } .uutis-kuva { @@ -26,5 +36,5 @@ body { } .uutis-tiedot { - padding: 10px; + padding: 10px 20px; } \ No newline at end of file -- 2.47.3