How to use the framer-motion.motion.img function in framer-motion

To help you get started, we’ve selected a few framer-motion examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github samdenty / gqless / internal / website / src / components / Feature.js View on Github external
import { motion } from 'framer-motion'
import { Overflow } from './Overflow'

const easeInOutCubic = [0.645, 0.045, 0.355, 1]

const StyledFeature = styled(motion.div)`
  color: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem;
  border-radius: 2rem;
`

const Image = styled(motion.img)`
  height: 10rem;
  width: 10rem;
  margin-bottom: 1.5rem;
`

const Title = styled(motion.h3)`
  width: 100%;
`

const Description = styled(motion.p)`
  width: 100%;
  margin: 0;
  text-decoration: none !important;
`

export const Feature = ({ title, imageUrl, children }) => {