Skip to content

Commit

Permalink
Added custom animations
Browse files Browse the repository at this point in the history
  • Loading branch information
JulianPrieber committed May 31, 2022
1 parent cb4e6ac commit 92dd5a4
Show file tree
Hide file tree
Showing 3 changed files with 86 additions and 3 deletions.
78 changes: 78 additions & 0 deletions animations.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Entrance animations
- Button hover animations
- Icon hover animations
- Footer hover animations
*/



/* Entrance animations
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.fadein, .button-entrance {
animation-name: fadein;
animation-duration: 3s;
animation-fill-mode: both;
}

@keyframes fadein {
from {
opacity: 0;
}

to {
opacity: 1;
}
}


/* Button hover animations
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* (Also apply to icon) */

.button-hover, .credit-hover{
display:inline-block;
-webkit-transform:perspective(1px) translateZ(0);
transform:perspective(1px) translateZ(0);
-webkit-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-property:transform;
transition-property:transform
}
.credit-hover:active,
.credit-hover:focus,
.credit-hover:hover{
-webkit-transform:scale(1.1);
transform:scale(1.1)
}


/* Icon hover animations
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.icon-hover{
display:inline-block;
}


/* Footer hover animations
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.footer-hover{
display:inline-block;
-webkit-transform:perspective(1px) translateZ(0);
transform:perspective(1px) translateZ(0);
-webkit-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-property:transform;
transition-property:transform;
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
.footer-hover:active,.footer-hover:focus,.footer-hover:hover{
-webkit-transform:translateY(-8px);
transform:translateY(-8px)
}
8 changes: 6 additions & 2 deletions readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@
Find more themes: https://github.com/JulianPrieber/llc-themes

* Theme Name: Minceraft
* Theme Version: 1.0
* Theme Date: 2022-05-19
* Theme Version: 1.1
* Theme Date: 2022-05-31
* Theme Author: JulianPrieber
* Theme Author URI: https://github.com/JulianPrieber
* Theme License: GPLv3 (Non-commercial use only)
Expand All @@ -18,6 +18,10 @@ Find more themes: https://github.com/JulianPrieber/llc-themes
* https://codepen.io/SimonDiligues/pen/gObEyym
* License: MIT

*
* https://github.com/IanLunn/Hover
* License: MIT

*
* https://www.dafont.com/minecrafter.font
* License: Non-commercial use only
Expand Down
3 changes: 2 additions & 1 deletion share.button.css
Original file line number Diff line number Diff line change
Expand Up @@ -31,14 +31,15 @@ sharebutton {
margin-bottom: 10px;
max-width: 25px;
padding: 10px;
border: 3px solid #000;
}
sharebutton:hover,
.sharebutton:hover {
background-color: rgba(100, 100, 255, .45);
height: 100%;
width: 100%;
z-index: 5;
border: 2px solid #ffffff !important;
border: 3px solid #ffffff !important;
}
.sharebutton-mb {
display: none;
Expand Down

0 comments on commit 92dd5a4

Please sign in to comment.