Discussion
Loading...

Post

Log in
  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
Christopher Kirk-Nielsen
Christopher Kirk-Nielsen
@chriskirknielsen@front-end.social  ·  activity timestamp last week

I've updated my designs page (https://chriskirknielsen.com/designs/) to use #CSS view transitions instead of a good ol' FLIP animation. Works well in all 3 major browsers in their recent releases. Except… in Chrome it feels sluggish, but if I turn on a performance recording, it's smooth as butter (see the FPS counter via stats.js). Is this just me? Am I doing something wrong?

Your browser does not support the video tag.
This video cannot be previewed
Open original
My website's Designs page with animated items when switching filters, viewed on Chrome. The framerate seems low, with a 30 FPS cap indicated in the corner. When enabling Performance Recording in DevTools, the FPS count shoots past 100 and the animation is smooth.
chriskirknielsen

Designs | chriskirknielsen

A collection of my shirt/sticker/poster designs (and more!), available across multiple print-on-demand shops
⁂
More from
Christopher Kirk-Nielsen
  • Copy link
  • Flag this post
  • Block
Leigh Garland
Leigh Garland
@toychicken@mastodon.social replied  ·  activity timestamp last week

@chriskirknielsen looks pretty smooth on chrome on my pixel 6...

Your browser does not support the video tag.
This video cannot be previewed
Open original
Testing css transitions on my mobile phone
  • Copy link
  • Flag this comment
  • Block
Christopher Kirk-Nielsen
Christopher Kirk-Nielsen
@chriskirknielsen@front-end.social replied  ·  activity timestamp last week

@toychicken Thanks for checking! Maybe my OS is the issue…

  • Copy link
  • Flag this comment
  • Block

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.2-alpha.23 no JS en
Automatic federation enabled
Log in
  • Explore
  • About
  • Members
  • Code of Conduct