Breaking News: Grepper is joining You.com. Read the official announcement!

css skeleton loading

Add Answer

Lovely Lyrebird answered on December 11, 2022 Popularity 10/10 Helpfulness 4/10

answer css skeleton loading

related chatgpt

related chatGPT

related chatgpt

css skeleton loading

Comment

<div class="card-skeleton">
  <div class="skeleton-image"></div>
  <div class="skeleton-text"></div>
</div>

.card-skeleton {
  width: 300px;
  height: 200px;
  background: #f0f0f0;
  border-radius: 8px;
  animation: shimmer 1.5s infinite;
}

.skeleton-image {
  width: 100%;
  height: 60%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

.skeleton-text {
  width: 80%;
  height: 10px;
  margin: 10px auto;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

Popularity 10/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css loading

Link to this answer
Share Copy Link

Contributed on Sep 17 2023

Lovely Lyrebird

0 Answers Avg Quality 2/10

Closely Related Answers

chatgpt

Comment

That looks like the new Terminator movie title.

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Jan 13 2023

TopG_demigod

0 Answers Avg Quality 2/10

chatGPT

Comment

byebye google

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: whatever whateve

Link to this answer
Share Copy Link

Contributed on Dec 11 2022

Dark Dotterel

0 Answers Avg Quality 2/10

chatgpt

Comment

https://chat.openai.com/

Direct Link

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: whatever whateve

Link to this answer
Share Copy Link

Contributed on Apr 21 2023

Dhananjay Porwal

0 Answers Avg Quality 2/10

chatgpt

Comment

Don't worry Grepperions. This will not take our jobs (yet)!

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: whatever whateve

Link to this answer
Share Copy Link

Contributed on Dec 25 2022

Saf1

0 Answers Avg Quality 2/10

chatgpt

Comment

// Don't worry, it is not going to replace you.

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: whatever whateve

Link to this answer
Share Copy Link

Contributed on Jan 18 2023

Badie96

0 Answers Avg Quality 2/10

chatgpt

Comment

https://chat.openai.com/chat

Popularity 6/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Mar 04 2023

Easy Eagle

0 Answers Avg Quality 2/10

chatgpt

Comment

ChatGPT direct link

https://chat.openai.com/chat

Popularity 7/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Mar 31 2023

pryntik

0 Answers Avg Quality 2/10

chatgpt

Comment

Start building with ChatGPT (OpenAI)

git clone https://github.com/openai/openai-quickstart-node.git
npm install
npm run dev

Popularity 7/10 Helpfulness 2/10 Language shell

Source: Grepper

Tags: shell

Link to this answer
Share Copy Link

Contributed on Jan 27 2023

devasghar

0 Answers Avg Quality 2/10

chatgpt

Comment

ChatGPT is a really cool AI app. It can generate text
and code based on your prompt, for free!

Check it out:
https://chat.openai.com/

Popularity 6/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Feb 25 2023

Tiago R.

0 Answers Avg Quality 2/10

css skeleton loading

Contents

More Related Answers

css skeleton loading

Closely Related Answers

chatgpt

chatGPT

chatgpt

chatgpt

chatgpt

chatgpt

chatgpt

chatgpt

chatgpt

Grepper

Documentation

Social

Legal

Contact

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