animate with scroll

Abdus Samad Arefi answered on March 10, 2025 Popularity 1/10 Helpfulness 1/10

answer animate with scroll

related card css template

related redirect in typescript

related hydra main decorator

animate with scroll

Comment

<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: michalsnik.github.io

Tags: scroll whatever

Link to this answer
Share Copy Link

Contributed on Mar 17 2025

Abdus Samad Arefi

0 Answers Avg Quality 2/10

Closely Related Answers

card css template

Comment

<div class="card">
  <img src="https://via.placeholder.com/320x180" alt="Card Image">
  <div class="card-content">
    <h3 class="card-title">Card Title</h3>
    <p class="card-description">This is a simple description for the card component.</p>
  </div>
  <div class="card-footer">
    <button class="card-button">Read More</button>
  </div>
</div>
.card {
  width: 320px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.card-content {
  padding: 16px;
}

.card-title {
  font-size: 1.2rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 8px;
}

.card-description {
  font-size: 0.95rem;
  color: #666;
  line-height: 1.5;
}

.card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-top: 1px solid #eee;
  background: #f9f9f9;
}

.card-button {
  padding: 8px 16px;
  background: #72cebf;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background 0.3s;
}

.card-button:hover {
  background: #5ab2a5;
}

Popularity 1/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: card css

Link to this answer
Share Copy Link

Contributed on Mar 10 2025

Farwa Miraj

0 Answers Avg Quality 2/10

redirect in typescript

Comment

//react import { Request, Response } from 'express';

app.get('/redirect', (req: Request, res: Response) => {
  res.redirect('https://example.com');
});

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: Grepper

Tags: redirect typescript

Link to this answer
Share Copy Link

Contributed on Mar 10 2025

Farwa Miraj

0 Answers Avg Quality 2/10

hydra main decorator

Comment

@hydra.main(version_base=None, config_path=".", config_name="config")

Popularity 1/10 Helpfulness 1/10 Language python

Source: hydra.cc

Tags: decorator hydra python

Link to this answer
Share Copy Link

Contributed on Mar 10 2025

Uptight Unicorn

0 Answers Avg Quality 2/10

animate with scroll

Contents

More Related Answers

animate with scroll

Closely Related Answers

card css template

redirect in typescript

hydra main decorator

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.