This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Karol Piwowarczyk
Posted Mar 15 - Read on Facebook

Hi,

I have simple question for you. Can I use CSS animation in Framer?

I would like use text-focus-in animation in my project.

Code:
.my-object {
-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
-moz-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

Is it possible in Framer Studio? (look video please)

4 Comments

Radek Kyselý

Like this?
Or you can also use any CSS in ›layer.style‹ property :)

Pavel Laptev

Why you don't want to use native method?
layerA.blur = 10
It's much simpler) just wrap it in animation like Radek did)

Karol Piwowarczyk

Guys, it is only example. My questions sounds: What is simpliest way to use CSS animation in Framer?

Radek Kyselý

Karol Okay, but there's still the question why would you worry about CSS animations when native ones are much easier to use.

Here though
https://framer.cloud/EDQuP/

Read the entire post on Facebook