I love how compact this code is, and how it relies on nothing other than
css!
Some kind of visible "affordance-cue" seems needed, to invite the hovering.
Very slightly tweaked (without any delay), I like:
```
.pop div {display:none; ; background-color:#ffd;}
.pop:hover {background-color:#ffa;
This is also nice behavior.
But I thought when hovering the link (title) - the content will be shown
delayed (eg. 2sec) - of course with upper code. :-)
Thanks, Stefan
Charlie Veniot schrieb am Donnerstag, 29. Juni 2023 um 14:47:16 UTC+2:
> *(Previous version had a little typo in the keyfra
*(Previous version had a little typo in the keyframe height. No impact,
but fixed in this iteration.)*
And a "hover-over, wee delay before display of details" version:
```
.ch1 peekaboo {display:none;}
.ch1:hover {background-color:#F5F5F5;border:1px solid gray;}
.ch1:hover peekaboo {display:bl
Give this slw crawl a spin:
```
.ch1 peekaboo {display:none;}
.ch1:hover {background-color:#F5F5F5;border:1px solid gray;}
.ch1:hover peekaboo {display:block;}
.slow {
animation-name: example;
animation-duration: 5s;}
@keyframes example {
0%{height:0px;}
100% {height:150px;}
}
Hi Charlie,
how do I get a delay of eg. 2sec to display the details when hover the
title?
(didn't succed with transition-delay: 2s;)
Thanks,
Stefan
Charlie Veniot schrieb am Donnerstag, 29. Juni 2023 um 06:12:50 UTC+2:
> Nothing revolutionary here. Just the result of some goofing around with
5 matches
Mail list logo
