In elke kolom een product

product 1

PostDropper heeft standaard de mogelijkheid om producten te verkopen of te verhuren.

product 2

Je kunt dit doen met het component 'product', zoals je hier ziet afgebeeld. Alle teksten zijn instelbaar.

product 3

Maar je kunt het ook doen met 'posts', die eventueel geplaatst kunnen worden met je smartphone.

Een 3d effect op de afbeeldingen

Als je deze pagina op een desktop of tablet bekijkt, dan is de eerste afbeelding naar links gedraaid en de derde naar rechts. De middelste is iets verkleind, waardoor er perspectief ontstaat. Dit gedaan met onderstaande CSS:

@media (min-width : 767px) {
  section.drieD {
    & .col1  .motion-div { transform: perspective(500px) rotateY(20deg); }
    & .col2  .motion-div { scale: 0.88; }
    & .col3  .motion-div { transform: perspective(500px) rotateY(-20deg); }
  }
}

Tip: Class namen mogen niet met een cijfer beginnen!