From 60b4594e9d614e120bcc4182e4100b7865227f60 Mon Sep 17 00:00:00 2001 From: k Date: Fri, 24 May 2024 22:24:56 -0400 Subject: [PATCH] artical explode with prevue --- css/shared.css | 26 +++++++++++++++++++++++--- index.html | 26 +++++++++++++++----------- 2 files changed, 38 insertions(+), 14 deletions(-) diff --git a/css/shared.css b/css/shared.css index 90a8166..eb26330 100644 --- a/css/shared.css +++ b/css/shared.css @@ -19,10 +19,18 @@ body { .artical{ - width: min(100vw, 55em); + width: min(calc(100vw - 4em), 55em); margin:auto; - text-align: center; - padding: 0px; + margin-top: 2em; + height: 25em; + overflow: hidden; + transition-duration: 1.5s; +} + +.artical:hover{ + width:calc(100% - 8em); + height:calc(100vh - 6em); + overflow: scroll; } .artical h1 { @@ -36,6 +44,18 @@ body { height: 0.3em; } +.artical:hover .preview{ + display:none; +} + +.content{ + display:none; +} + +.artical:hover .content{ + display:block; +} + .glass{ background: rgba(128, 128, 128, 0.35); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); diff --git a/index.html b/index.html index f5335b2..ba088b0 100644 --- a/index.html +++ b/index.html @@ -1,14 +1,18 @@ - - - - - -
-

hi

-
-

obama killed my wife

-
- + + + + + + + +
+

hi

+
+

shit

+

fuck

+
+ +