ken burns effect

Out of context: Reply #4

• Started
• Last post
• 7 Responses

• uan0

  it's just a css transition, a simple scale. no js.

  figure.visible.full-width>div {
  -webkit-animation: zoomin 120s infinite linear;
  animation: zoomin 120s infinite linear;
  }

  @-webkit-keyframes zoomin {
  0% {
  -webkit-transform: scale(1)
  }

  50% {
  -webkit-transform: scale(1.5)
  }

  100% {
  -webkit-transform: scale(1)
  }
  }

  @keyframes zoomin {
  0% {
  transform: scale(1)
  }

  50% {
  transform: scale(1.5)
  }

  100% {
  transform: scale(1)
  }
  }

  uan 0Permalink

  UpvoteDownvote

  Flag

  • what about the blurdbloc
  • thank you!e-wo

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

View thread