diff options
| author | Jan Metzger <jan.metzger@mailbox.org> | 2022-09-15 21:01:43 +0200 |
|---|---|---|
| committer | Sam Atkins <atkinssj@gmail.com> | 2022-09-21 10:47:41 +0100 |
| commit | 931458c3370dc68da5d773566aff07020d04630c (patch) | |
| tree | 037a2984ffdc888000e8a73664795ac0c6a8c7d9 /Base/res/html/misc/opacity.html | |
| parent | d1de7f7782f5f2aed7cce26b6bb3ede69ec130a8 (diff) | |
| download | serenity-931458c3370dc68da5d773566aff07020d04630c.zip | |
LibWeb: Update visibility when Node was invisible before
Diffstat (limited to 'Base/res/html/misc/opacity.html')
| -rw-r--r-- | Base/res/html/misc/opacity.html | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/Base/res/html/misc/opacity.html b/Base/res/html/misc/opacity.html index 4dfa51770c..8a8154807a 100644 --- a/Base/res/html/misc/opacity.html +++ b/Base/res/html/misc/opacity.html @@ -24,6 +24,13 @@ .red { background: red; } + .hover-visible { + display: inline-block; + opacity: 0; + } + .hover:hover .hover-visible { + opacity: 1; + } </style> </head> <body> @@ -66,5 +73,13 @@ 50% opacity inside 70% opacity </div> </div> + + <div class="red hover"> + Visible on hover + + <div class="hover-visible"> + I'm visible! + </div> + </div> </body> </html> |