Re: [css-d] Sliding hover triggered animated header

2021-06-24 Thread Eric A. Meyer
On 24 Jun 2021, at 9:42, Equestrian Co. wrote: > We would like to inform you that we are currently experiencing an increased > number of enquiries. We apologise for the delay and we would like to confirm > that we're treating your email as our number one priority. And I would like to inform eve

[css-d] Sliding hover triggered animated header

2021-06-24 Thread Equestrian Co.
Dear Eric, We would like to inform you that we are currently experiencing an increased number of enquiries. We apologise for the delay and we would like to confirm that we're treating your email as our number one priority. Sincerely, Equestrian Co. _

[css-d] Sliding hover triggered animated header

2021-06-24 Thread Equestrian Co.
Dear Tom, We would like to inform you that we are currently experiencing an increased number of enquiries. We apologise for the delay and we would like to confirm that we're treating your email as our number one priority. Sincerely, Equestrian Co. __

Re: [css-d] Sliding hover triggered animated header

2021-06-23 Thread Eric A. Meyer
On 22 Jun 2021, at 15:26, Aaron Gray wrote: > COULD YOU PLEASE TURN OFF YOUR AUTOMATICALLY GENERATED EMAILS ON THIS LIST > !!! As List Mom, I agree. In the future, if people receive such messages, please forward them to me (either at my personal address or at css-d-ow...@lists.css-discuss.or

Re: [css-d] Sliding hover triggered animated header

2021-06-23 Thread Tom Livingston
Keyframes are not needed. Positioning top won't work if you don't have a positioned element - meaning you need to add position: relative; to box and content. https://codepen.io/tomliv/pen/poeXrvr On Tue, Jun 22, 2021 at 6:03 PM Karl DeSaulniers wrote: > > You need the @keyframes to make it anima

Re: [css-d] Sliding hover triggered animated header

2021-06-22 Thread Karl DeSaulniers
You need the @keyframes to make it animate I believe. HTH, Best, Karl Sent from losPhone > On Jun 22, 2021, at 1:58 PM, Aaron Gray wrote: > > The following is animated using height, which is like drawing a curtain :- > > https://jsfiddle.net/AaronNGray/kf0br46u/31/ > > HTML > >AaronN

Re: [css-d] Sliding hover triggered animated header

2021-06-22 Thread Aaron Gray
COULD YOU PLEASE TURN OFF YOUR AUTOMATICALLY GENERATED EMAILS ON THIS LIST !!! On Tue, 22 Jun 2021 at 19:58, wrote: > > **THIS IS AN AUTOMATICALLY GENERATED EMAIL, PLEASE DO NOT REPLY** > > > > Dear sender, > > Please note that international degree seeking applicants need to CONTACT US > THROUG

[css-d] Sliding hover triggered animated header

2021-06-22 Thread Aaron Gray
The following is animated using height, which is like drawing a curtain :- https://jsfiddle.net/AaronNGray/kf0br46u/31/ HTML AaronNGray CSS body { margin: 0px; padding: 0px; } #box { height: 100px; width: auto; background: transparent; transition: all 0.4s ease-in-out;