Skip to content

Commit 92dd5a4

Browse files
committed
Added custom animations
1 parent cb4e6ac commit 92dd5a4

File tree

3 files changed

+86
-3
lines changed

3 files changed

+86
-3
lines changed

animations.css

+78
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
/* Table of contents
2+
––––––––––––––––––––––––––––––––––––––––––––––––––
3+
- Entrance animations
4+
- Button hover animations
5+
- Icon hover animations
6+
- Footer hover animations
7+
8+
*/
9+
10+
11+
12+
/* Entrance animations
13+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
14+
15+
.fadein, .button-entrance {
16+
animation-name: fadein;
17+
animation-duration: 3s;
18+
animation-fill-mode: both;
19+
}
20+
21+
@keyframes fadein {
22+
from {
23+
opacity: 0;
24+
}
25+
26+
to {
27+
opacity: 1;
28+
}
29+
}
30+
31+
32+
/* Button hover animations
33+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
34+
/* (Also apply to icon) */
35+
36+
.button-hover, .credit-hover{
37+
display:inline-block;
38+
-webkit-transform:perspective(1px) translateZ(0);
39+
transform:perspective(1px) translateZ(0);
40+
-webkit-transition-duration:.3s;
41+
transition-duration:.3s;
42+
-webkit-transition-property:transform;
43+
transition-property:transform
44+
}
45+
.credit-hover:active,
46+
.credit-hover:focus,
47+
.credit-hover:hover{
48+
-webkit-transform:scale(1.1);
49+
transform:scale(1.1)
50+
}
51+
52+
53+
/* Icon hover animations
54+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
55+
56+
.icon-hover{
57+
display:inline-block;
58+
}
59+
60+
61+
/* Footer hover animations
62+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
63+
64+
.footer-hover{
65+
display:inline-block;
66+
-webkit-transform:perspective(1px) translateZ(0);
67+
transform:perspective(1px) translateZ(0);
68+
-webkit-transition-duration:.3s;
69+
transition-duration:.3s;
70+
-webkit-transition-property:transform;
71+
transition-property:transform;
72+
-webkit-transition-timing-function:ease-out;
73+
transition-timing-function:ease-out
74+
}
75+
.footer-hover:active,.footer-hover:focus,.footer-hover:hover{
76+
-webkit-transform:translateY(-8px);
77+
transform:translateY(-8px)
78+
}

readme.md

+6-2
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
Find more themes: https://github.com/JulianPrieber/llc-themes
33

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

21+
*
22+
* https://github.com/IanLunn/Hover
23+
* License: MIT
24+
2125
*
2226
* https://www.dafont.com/minecrafter.font
2327
* License: Non-commercial use only

share.button.css

+2-1
Original file line numberDiff line numberDiff line change
@@ -31,14 +31,15 @@ sharebutton {
3131
margin-bottom: 10px;
3232
max-width: 25px;
3333
padding: 10px;
34+
border: 3px solid #000;
3435
}
3536
sharebutton:hover,
3637
.sharebutton:hover {
3738
background-color: rgba(100, 100, 255, .45);
3839
height: 100%;
3940
width: 100%;
4041
z-index: 5;
41-
border: 2px solid #ffffff !important;
42+
border: 3px solid #ffffff !important;
4243
}
4344
.sharebutton-mb {
4445
display: none;

0 commit comments

Comments
 (0)