.png)
It is an absolute honor to capture the happiest day of your life, ensuring that every moment is beautifully preserved. Let’s work together to capture the memories of your wedding day!
.webp)
First, create a container to house the card elements.
In this case, I have created 'c-cards-list' and 'w-cards-list'. 'c' represent container and 'w' represent wrapper. This is my standard structuring method to prepare the elements for complicated interactions just in case.
Similarly, create 'c-card' and 'w-card' inside the container. Style the 'w-card' element according to your preference and then add in required content.
To create a stacking effect, you will required to use the 'position: sticky'.
Apply 'position: sticky' to 'c-card' element and apply at least 1px for the top position.
By now, you should be able to see the cards stacking on top of each other while you scroll down the page.
Great. Now you have successfully stacking the cards on top of each other. To make them looks better, we will create some layering effect.
Create combo class for each of the 'c-card' element. For example, '1', '2', '3' and etc. Then add some value in the top position. For example, for first card, you can give it 20px from the top to make some spacing. Then for the following cards, you can add 100px each. You can adjust the value based on your design and layout.
Example: First card : 20px ; Second card : 120px ; Third card : 220px ; and so forth...
To make the layering looks even much better, you can apply interaction into 'c-card' elements.
Apply 'While scrolling in view' interaction to 'c-card' elements and ensure it affects all same class. Set the smoothing value to 90%.
Insert 'Scale' interaction starts at keyframe 40% (scale value: 1) and end at 100% (scale value: 0.8). Set it to affect 'Interaction Trigger' (c-card).
Now you should be seeing the cards stacking on top of each other with nice layering and depth.
Now, have fun and start cloning. 😍
If you encountered any issue during cloning, feel free to contact us by clicking the 'Need help?' button on the right.
You can also support our work by following us on our social media or buy us a cup of coffee.
☕☕☕
Here are my packages! Travel time is billed separately. Feel free to call me with any questions.
Name Surname
Position, Company name
Some of our most frequently asked questions about wedding photography in Eastern Idaho!
Contact UsCouples’ photoshoots in Eastern Idaho typically range from $250 to $600, depending on the photographer and session length. We charge 175 for a complete couples session.
A couple’s photoshoot generally lasts 1 to 2 hours, providing ample time for multiple poses and outfit changes.
Popular locations include the Snake River, Teton Mountain Range, Mesa Falls, and local parks in Idaho Falls or Rexburg.
The ideal time for a maternity shoot is between 28 and 34 weeks, when your baby bump is prominent but before you feel too uncomfortable.
Professional maternity photos beautifully document this special time in your life and ensure you have high-quality images to cherish forever.
A maternity photoshoot in Eastern Idaho typically costs between $300 and $700, depending on the photographer and session details. Pebble Photography charges only $175!
Soft, flowing dresses in neutral or pastel colors like blush, white, or light blue are perfect for maternity photos. These shades enhance the natural beauty of your baby bump.
