diff --git a/animations.css b/animations.css new file mode 100644 index 0000000..c4d0d0b --- /dev/null +++ b/animations.css @@ -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) +} diff --git a/readme.md b/readme.md index 8f5a004..e94387e 100644 --- a/readme.md +++ b/readme.md @@ -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) @@ -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 diff --git a/share.button.css b/share.button.css index 7703c9e..7b2d6d3 100644 --- a/share.button.css +++ b/share.button.css @@ -31,6 +31,7 @@ sharebutton { margin-bottom: 10px; max-width: 25px; padding: 10px; + border: 3px solid #000; } sharebutton:hover, .sharebutton:hover { @@ -38,7 +39,7 @@ sharebutton:hover, height: 100%; width: 100%; z-index: 5; - border: 2px solid #ffffff !important; + border: 3px solid #ffffff !important; } .sharebutton-mb { display: none;