Update README.md
Browse files
README.md
CHANGED
@@ -19,9 +19,9 @@ join us: https://discord.gg/tPBsKDyRR5
|
|
19 |
<style>
|
20 |
.image-viewer {position: relative;width: 100%;margin: 0 auto;display: flex;flex-flow: wrap;align-items: center;justify-content: center;}
|
21 |
.image-viewer input[type="radio"] {display: none;}
|
22 |
-
.image-viewer label {border-radius: 10%;padding: 20px;background-color: #B398F5;background-size: cover;background-position: center;cursor: pointer;color: black;margin:
|
23 |
-
.image-viewer label:hover {background-color: #4C88F5;padding: 24px;margin:
|
24 |
-
.image-viewer input[type="radio"]:checked + label {background-color: #6296F5;padding:
|
25 |
.image-container {position: relative;width: 100%;height: 50vh;margin: 1rem 1rem 0 0;}
|
26 |
.inner-container {position: absolute;width:100%;height: 100%;display: flex;align-items: center;justify-content: center;}
|
27 |
.inner-container img {border-radius: 10px;max-height: 100%;max-width: 100%;height: 0;width: 0;opacity: 0;transition: opacity 0.5s ease, height 0.25s ease, width 0.25s ease;}
|
|
|
19 |
<style>
|
20 |
.image-viewer {position: relative;width: 100%;margin: 0 auto;display: flex;flex-flow: wrap;align-items: center;justify-content: center;}
|
21 |
.image-viewer input[type="radio"] {display: none;}
|
22 |
+
.image-viewer label {border-radius: 10%;padding: 20px;background-color: #B398F5;background-size: cover;background-position: center;cursor: pointer;color: black;margin: 8px;}
|
23 |
+
.image-viewer label:hover {background-color: #4C88F5;padding: 24px;margin: 4px;}
|
24 |
+
.image-viewer input[type="radio"]:checked + label {background-color: #6296F5;padding: 28px;margin: 0px;}
|
25 |
.image-container {position: relative;width: 100%;height: 50vh;margin: 1rem 1rem 0 0;}
|
26 |
.inner-container {position: absolute;width:100%;height: 100%;display: flex;align-items: center;justify-content: center;}
|
27 |
.inner-container img {border-radius: 10px;max-height: 100%;max-width: 100%;height: 0;width: 0;opacity: 0;transition: opacity 0.5s ease, height 0.25s ease, width 0.25s ease;}
|