virtual-bookshelf icon indicating copy to clipboard operation
virtual-bookshelf copied to clipboard

Published 20 hours ago • verified publisher icon petargyurov

Safari support

Open sometimesfood opened this issue 2 years ago • 2 comments

Hi Petar,

great project, love the bookshelf idea.

Just wanted to let you know that the bookshelf ist not displayed correctly on Safari (Safari 15.4, macOS 12.3.1).

Here's a screenshot to illustrate the problem: bookshelf-safari

Here's how the same bookshelf is rendered on Chrome: bookshelf-chrome

sometimesfood avatar May 07 '22 19:05 sometimesfood

Hey, thanks for reporting that and giving examples. Will investigate.

petargyurov avatar May 08 '22 08:05 petargyurov

One option is to use translate3d

  .book {
    transform: translate3d(0,0,0);
  }
  
  .book:hover {
    transform: rotateX(-25deg) rotateY(-40deg) rotateZ(-15deg) translate3d(150px, 60px, 300px);
  }

An alternative rather than a fix, though I quite like the effect.

idontbyte avatar May 09 '22 08:05 idontbyte