This project demonstrates a smooth transition effect for cards coming from the bottom to their position on a web page. The cards are displayed in a row layout and are responsive, adjusting their layout on different screen sizes.
- Smooth Transition: Cards smoothly transition from the bottom to their final position.
- Responsive Design: Cards are responsive and adjust their layout based on the screen size.
- Modern Look: Cards have a clean and modern design with a background color, border radius, and box-shadow.
- HTML
- CSS
- JavaScript
- Clone the repository:
git clone https://github.com/6a6ak/carts-effect.git
- Navigate to the project directory:
cd smooth-card-transition
- Open the
carts.html
file in your preferred web browser.
smooth-card-transition/
│
├── carts.html # The main HTML file
├── style.css # The CSS file for styling
└── js.js # The JavaScript file for the transition effect