Changes for page Home

Last modified by Jesse Veentjer on 06-5-2024 05:01
From version 219.18
edited by Jesse Veentjer
on 15-2-2024 05:10
Change comment: There is no comment for this version
To version 219.16
edited by Jesse Veentjer
on 15-2-2024 05:01
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
Code
... ... @@ -15,7 +15,7 @@
15 15   cursor: pointer;
16 16   position: relative;
17 17   overflow: hidden;
18 - transition: all 0.3s ease;
18 + transition: all 0.5s ease;
19 19   }
20 20  
21 21   /* Styling for the button hover effect */
... ... @@ -32,7 +32,7 @@
32 32   width: 300%;
33 33   height: 300%;
34 34   background-color: #878787;
35 - transition: all 0.3s ease;
35 + transition: all 0.5s ease;
36 36   border-radius: 50%;
37 37   z-index: 0;
38 38   transform: translate(-50%, -50%);
... ... @@ -50,52 +50,4 @@
50 50   position: relative;
51 51   z-index: 1;
52 52   }
53 -
54 -/* Styling for the smaller button */
55 -.small-login-btn {
56 - display: inline-block;
57 - padding: 12px 24px; /* Reduced padding for a smaller button */
58 - background-color: #D9D9D9; /* Grijs (formulier - header) */
59 - color: #000; /* Text color */
60 - border: none;
61 - border-radius: 5px;
62 - font-size: 18px; /* Reduced font size for a smaller button */
63 - cursor: pointer;
64 - position: relative;
65 - overflow: hidden;
66 - transition: all 0.3s ease;
67 -}
68 -
69 -/* Styling for the smaller button hover effect */
70 -.small-login-btn:hover {
71 - background-color: #F2F2F2; /* Lighter shade of grey on hover */
72 -}
73 -
74 -/* Styling for the smaller button before animation */
75 -.small-login-btn:before {
76 - content: "";
77 - position: absolute;
78 - top: 50%;
79 - left: 50%;
80 - width: 300%;
81 - height: 300%;
82 - background-color: #878787;
83 - transition: all 0.3s ease;
84 - border-radius: 50%;
85 - z-index: 0;
86 - transform: translate(-50%, -50%);
87 -}
88 -
89 -/* Animation when smaller button is clicked */
90 -.small-login-btn.clicked:before {
91 - width: 50%%;
92 - height: 50%;
93 - opacity: 0;
94 -}
95 -
96 -/* Styling for the smaller button text */
97 -.small-login-btn span {
98 - position: relative;
99 - z-index: 1;
100 -}
101 101   }