Skip to content

A framer module to quickly create a flip card effect with two image layers

Notifications You must be signed in to change notification settings

aboutjax/framer-flip-card-module

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 

Repository files navigation

What does it do?

The function flipCard.flipCard() will take in four parameters

  1. Front image layer
  2. Back image layer
  3. Perspective, see docs for reference
  4. Animation curve. e.g spring(300,20,0)

What it does

Example

Flip Card Example

Instructions

1.Include the module

flipCard = require "flipCard"

2.Add a front image layer + back image layer + the perspective + animation curve

flipCard.flipEffect(frontLayer, backLayer, 1600, "spring(300,20,0)")

note: 1600 is the perspective number used in the example above. The smaller the number the more perspective you get.

About

A framer module to quickly create a flip card effect with two image layers

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages