[Pro] Ease in Ease out

Freeway
1

I’m changing my header background image on scroll and would like to add ease to the extended attributes, but I’m not having any luck.

Billy

http://www.smartytest.com/Sarah

freewaytalk mailing list
email@hidden
Update your subscriptions at:

2

Can you point to an example (code) that you’re trying to match? I’m not familiar with this particular term as you’ve used it here.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:

3

Transition. Ease in 0.5s; ease out 0.5s
I’m using -WebKit-

freewaytalk mailing list
email@hidden
Update your subscriptions at:

4

Did you copy and paste this? Because there should be a hyphen between ease and out:

-webkit-transition: background-image 0.2s ease-in-out;
transition : background-image 0.2s ease-in-out;

(That’s copy-pasted from css - CSS3 background image transition - Stack Overflow)

Make sure that you add the attributes in this order (prefixed first, unprefixed last), that way when the browsers that are supporting it conditionally accept the full CSS3 spec, the code will still work.

Walter

On May 25, 2018, at 8:39 AM, billy kimmel email@hidden wrote:

Transition. Ease in 0.5s; ease out 0.5s
I’m using -WebKit-

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:

5

This is what I have:

all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;

freewaytalk mailing list
email@hidden
Update your subscriptions at:

6

Your code looks a little different. Let me try that.

Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at:

7

Still not working.

freewaytalk mailing list
email@hidden
Update your subscriptions at:

8

Are you talking about the part in .project-box? Try making that All lower-case.

Walter

On May 25, 2018, at 9:11 AM, billy kimmel email@hidden wrote:

Still not working.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:

9

No. It’s the “header” that’s it’s id

freewaytalk mailing list
email@hidden
Update your subscriptions at:

10

Okay, that syntax looks good. But what event/handler are you using to trigger the transition?

Walter

On May 25, 2018, at 10:01 AM, billy kimmel email@hidden wrote:

No. It’s the “header” that’s it’s id

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at: