Qbix-Beginners

Q/coverflow tool¶

Please make a Q/coverflow tool using CSS scroll-driven animations. Here it an example already done for you:

https://scroll-driven-animations.style/demos/cover-flow/css/

it's part of other animations found on this site

The tool can be placed on an element with child elements (boxes), typically it would be an element with overflow-x: auto (or scroll). When activated, it would make this effect. When removed, it would revert to the originals:

Please make options like "scroll snapping" that you see a checkbox for there. By default, scroll

Collections¶

We want to show collections of NFTs and Roles in this way. Let's start with roles.

Make a user's profile into a tool, Users/profile. It can come in two styles:

wide

and narrow:

In either case, there is an empty spot in these screenshots where the Users/roles tool goes. Right now the Users/roles tool shows small icons and titles.

1) Make the icons be aligned to top, so that two-line titles and one-line titles are also aligned to top and not all over the place.

2) Make option "scrollable": true by default, it will make the roles container scrollable horizontally.

3) And make "coverflow" option that will be either null/false or an object of options to activation of Q/coverflow tool

Let's make the roles look good! Make them larger and more beautiful, now that they can fit into a profile! Make roles container higher to accommodate the height of the beautiful images. But still make max-width of a role icon = 50% of the Users/roles container.

This will be how it will render by default. Later, we will do same with NFTs list.