Framer Interaction

Ale
Ale
    • Get in touch
    Download color palette

    First step into Framer!

    Code below:

    Oval.onTap (event, layer) -> card1.animate opacity: 100 y: 340 scale: 1.05 shadowBlur: 14 shadowSpread: 1 shadowColor: "rgba(209,209,209,0.5)" shadowY: 11 options: curve: Spring delay: 0.2

    card2.animate opacity: 100 y: 280 scale: 1.05 shadowBlur: 14 shadowSpread: 1 shadowColor: "rgba(209,209,209,0.5)" shadowY: 11 options: curve: Spring delay: 0.1 card3.animate opacity: 100 y: 220 scale: 1.05 shadowBlur: 14 shadowSpread: 1 shadowColor: "rgba(209,209,209,0.5)" shadowY: 11 options: curve: Spring Oval.animate scale: 0.8 backgroundColor: "rgba(77,231,215,1)" options: curve: Spring

    card3.onClick (event, layer) ->

    card3.animate x: 94 width: 188 y: 160 height: 149 scale: 2 options: curve: Spring delay: 0.1

    card1.animate opacity: 30 y: 480 options: curve: Spring delay: 0 card2.animate opacity: 30 y: 420 options: curve: Spring delay: 0

    Ale
    Ale
    Get in touch

    More by Ale

    View profile
    • Like