Skip to content

Instantly share code, notes, and snippets.

View irvingvjuarez's full-sized avatar
🔥
On fire

Irving Juárez irvingvjuarez

🔥
On fire
View GitHub Profile
@irvingvjuarez
irvingvjuarez / skeleton.css
Created March 29, 2022 00:17
Skeleton with pure css
.skeleton {
background: linear-gradient(90deg, rgba(250,250,250,1), rgba(200, 199, 199));
background-size: 400% 400%;
animation: loadingAnimation 3s ease-in-out infinite;
}
@keyframes loadingAnimation {
0%{
background-position: 0% 50%;
}
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
@irvingvjuarez
irvingvjuarez / Adding Ellipsis to overflow text in html
Last active August 10, 2021 16:39
The necessary css code to add ellipsis when overflow in html text
.overflow-information{
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
width:150px; //change based on when you want the dots to appear
}
@irvingvjuarez
irvingvjuarez / Reset button in css
Last active August 10, 2021 16:36
The code to reset a button's styles in css
/* Copy and paste this code into your main css file and add the class 'resetButton' to any button you want to reset */
/* Afterwards, over write new css code to the button */
.resetButton{
background: transparent;
box-shadow: 0px 0px 0px transparent;
border: 0px solid transparent;
text-shadow: 0px 0px 0px transparent;
}
.resetButton:hover {