- This topic is empty.
October 13, 2016 at 9:48 am #246490
Hi there ..
can you help me put with this
i want animation not to start from the begining after hover out
but keep going from its position before hover on
also i forgot how to make hover have a slower attack ((
here is an example http://codepen.io/Funkaholik/pen/BLVZjQOctober 13, 2016 at 10:44 am #246493
How about this idea?
The 8.33% comes from:
(1 - (1/scale)) / 2
That will make it keep the top position (I think).October 13, 2016 at 10:54 am #246494
Scratch that last bit,
transform-originis more appropriate…
Edit – not exactly right as it scales the current size. Just trying to get there without any JS.October 13, 2016 at 11:37 am #246497
seems like you got it
but can hover like slow a breath-animation not just act like bam here i am?October 13, 2016 at 11:55 am #246498
I’ve added a
h. That what you mean?
It doesn’t stay at the top position like that exactly but I think it’s actually a nice effect that it doesn’t.October 13, 2016 at 1:33 pm #246503
now it’s kinda scales up and jumps in the front too obviously
what if set scaling just a lil bigger on hover and let it just slowly freeze?
check this out
But now it needs a transition-duration for hover out)
also it’l be supa cool to keep a lil scaling going back and forth on hover
or keep it at :focus so it’ll be like wavingOctober 13, 2016 at 5:15 pm #246504October 14, 2016 at 3:12 am #246506Paulie_DMember
To pause an animation on hover you can use
It will then restart from it’s paused state when you remove the hover.October 14, 2016 at 3:38 am #246507
it’s still has that kick after smooth resize back after hover off
i’m more like previous version
thanx again .. it’s supa coolOctober 14, 2016 at 3:41 am #246508
we got that already)
maybe you can figure out how to keep a smooth resizing animation
back and forth on hover .. so it will have a waving effect?
retty much make that scaling when hover on going infinite alternateOctober 14, 2016 at 4:48 am #246511
I’m not exactly sure what you’re after there myself…October 14, 2016 at 5:52 am #246515
excuse me .. not quite understood last commentOctober 14, 2016 at 6:29 am #246518Paulie_DMember
What we are saying is that we cannot understand what it is you are trying to achieve.
You asked how to stop an animation on hover and the restart it from the same place.
But your additional comments seem to indicate you want something more than that…but we don’t understand what.October 15, 2016 at 5:14 am #246560
i’m pretty happy with the result actually)) thanx a lot
and what about my request
does anybody has a windowsphone (you know that Mr.Bean’s phone))
when you move press/hold icons on desktop to replace them or whatever
other icons start floating a bit from side to side
so i think that’s what i meant before
i believe i just need to add a bit of padding or marging on hover animation or so
- The forum ‘CSS’ is closed to new topics and replies.