CSS only carousel with 3D effect

Day-29th, 30th July 2024 inspired By Lundev

  1. How to get the next element using (+) sign
  2. How to get the previous element using :has() pseudo class
  3. How to get the previous - before__previous - before__before__previous :has( * + * + *:hover){} using asterisk and :has()
  4. How to get the next - after__next - after__after__next * + * + *:hover{} using asterisk
  5. transform-style: preserve-3d
  6. transform: perspective(2500px) greater value for deeper perspective and lesser value for closer.
  7. It's not responsive only for wider screen.