Add files via upload

Boss-Lord-Sean-Gangster · Dec 9, 2023 · 8c7eedb · 8c7eedb
1 parent b9361e7
commit 8c7eedb
Show file tree

Hide file tree

Showing 23 changed files with 487 additions and 0 deletions.
diff --git a/Assets/06f4eb93-3742-49de-a906-a270af62f0ee.jpg b/Assets/06f4eb93-3742-49de-a906-a270af62f0ee.jpg
diff --git a/Assets/3e79148b-55b8-46b1-83bc-ea02950a0065.jpg b/Assets/3e79148b-55b8-46b1-83bc-ea02950a0065.jpg
diff --git a/Assets/6625bca8-47dc-49c6-9c4e-054eb5a83f0c.jpg b/Assets/6625bca8-47dc-49c6-9c4e-054eb5a83f0c.jpg
diff --git a/Assets/99+ Funny Zoom Backgrounds & Wallpapers _ Man of Many.jfif b/Assets/99+ Funny Zoom Backgrounds & Wallpapers _ Man of Many.jfif
diff --git a/Assets/Alley @ PixelJoint_com.gif b/Assets/Alley @ PixelJoint_com.gif
diff --git a/Assets/Debbie Balboa _ Photo.gif b/Assets/Debbie Balboa _ Photo.gif
diff --git a/Assets/Family Kyoto GIF by PAWORKS - Find & Share on GIPHY.gif b/Assets/Family Kyoto GIF by PAWORKS - Find & Share on GIPHY.gif
diff --git a/Assets/Gamer Room_ Cyberpunk, ExceptRea.gif b/Assets/Gamer Room_ Cyberpunk, ExceptRea.gif
diff --git a/Assets/Lo-Fi Coffee, Bogdan mB0sco.gif b/Assets/Lo-Fi Coffee, Bogdan mB0sco.gif
diff --git a/Assets/No GIF - No - Discover & Share GIFs.gif b/Assets/No GIF - No - Discover & Share GIFs.gif
diff --git a/Assets/Retronator.gif b/Assets/Retronator.gif
diff --git a/Assets/Ué.jfif b/Assets/Ué.jfif
diff --git a/Assets/WANEELLA pixel art_ Photo.gif b/Assets/WANEELLA pixel art_ Photo.gif
diff --git a/Assets/download (1).gif b/Assets/download (1).gif
diff --git a/Assets/download.gif b/Assets/download.gif
diff --git a/Assets/img.gif b/Assets/img.gif
diff --git a/Assets/mine.gif b/Assets/mine.gif
diff --git a/Assets/my.gif b/Assets/my.gif
diff --git a/Assets/something_gif_log _ Patreon.gif b/Assets/something_gif_log _ Patreon.gif
diff --git a/CSS/Fun_1/Advance.css b/CSS/Fun_1/Advance.css
@@ -0,0 +1,128 @@
+body{
+    background-color: #eaeaea;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+}
+.container{
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%,-50%);
+    width: 100vw;
+    height:100vh;
+    padding: 50px;
+    background-color: #f5f5f5;
+    box-shadow: 0px 30px 50px #dbdbdb;
+}
+#slide{
+    width: max-content;
+    margin-top: 50px;
+}
+.item{
+    width: 200px;
+    height: 300px;
+    background-position: 50% 50%;
+    display: inline-block;
+    transition: 0.45s ease-in-out;
+    background-size: cover;
+    position: absolute;
+    z-index: 1;
+    top: 50%;
+    transform: translate(0 , -50%);
+    border-radius: 20px;
+    box-shadow: 0 30px 50px #505050;
+}
+.item:nth-child(1),
+.item:nth-child(2){
+    left: 0;
+    top: 0;
+    transform: translate(0,0);
+    border-radius: 0;
+    width: 100%;
+    height: 100%;
+    box-shadow: none;
+}
+.item:nth-child(3){
+    left: 60%;
+}
+.item:nth-child(4){
+    left:75%
+}
+.item:nth-child(5){
+    left: 90%;
+}
+.item:nth-child(6){
+    left: 110%;
+}
+.item:nth-child(7){
+    left: 130%;
+}
+.item .content{
+    position: absolute;
+    top: 50%;
+    left: 100px;
+    width: 300px;
+    text-align: left;
+    padding: 0;
+    color: #eee;
+    transform: translate(0 , -50%);
+    display: none;
+}
+.item:nth-child(2) .content{
+    display: block;
+    z-index: 10000;
+}
+.item .name{
+    font-size: 40px;
+    font-weight: bold;
+    opacity: 0;
+    animation: showanimation 1s ease-in-out 1 forwards;
+}
+.item .des{
+    margin: 20px 0px;
+    width: 40rem;
+    opacity: 0;
+    animation: showanimation 1s ease-in-out 0.3s 1 forwards;
+}
+.item button{
+    padding: 10px 20px ;
+    border: none;
+    opacity: 0;
+    animation: showanimation 1s ease-in-out 0.6s 1 forwards;
+}
+@keyframes showanimation{
+ from{
+    opacity: 0;
+    transform: translate(0 , 100px);
+    filter: blur(30px);
+ }
+ to{
+
+        opacity: 1;
+        transform: translate(0 ,0);
+        filter: blur(0);
+
+ }
+}
+.buttons{
+    position: absolute;
+    bottom: 80px;
+    z-index: 999999;
+    text-align: center;
+    width: 100%;
+}
+.buttons button{
+    width: 100px;
+    height: 40px;
+    border-radius: 10%;
+    border: 1px solid #555;
+   transition: 0.5s;
+}
+.buttons button:hover{
+    background-color: #000000;
+    cursor: pointer;
+}
+.buttons button:hover i{
+    color: #fff;
+}
diff --git a/CSS/Fun_1/style.css b/CSS/Fun_1/style.css
@@ -0,0 +1,196 @@
+/* body{
+    overflow: hidden;
+} */
+
+.icon{
+    font-size: 3rem;
+    text-align: center;
+}
+.parent{
+    display: flex;
+    flex-direction: column;
+    justify-content: left;
+    align-items: center;
+    margin-top: 7rem !important;
+    background-color: red;
+}
+.parent h1{
+    text-align: center;
+    font-weight: bolder;
+    font-size: 4rem !important;
+}
+.about{
+    width: 50%;
+    text-align: center;
+    /* margin-left: 24em; */
+}
+.about p{
+    color: #807D7D;
+    margin-top: 1rem !important;
+    font-weight: 400;
+    font-size: 1.3rem;
+    text-align: center;
+    color: #807D7D;
+    margin-bottom: 5rem !important;
+}
+input{
+    display: none;
+}
+.card-container{
+    width: 100%;
+    height: 100%;
+    max-width: 100.5rem;
+    max-height: 100.5rem;
+    display: flex;
+    justify-content: center;
+    align-items: left;
+    align-self: center;
+    margin-left: -1em !important;
+    transform-style: preserve-3d;
+    flex-direction: column;
+    margin-top: 3.125rem;
+    margin-bottom: 6.25rem;
+    border-radius: 0.625rem;
+}
+.cards{
+    position: relative;
+    height: 32.25rem;
+    width: 26.25rem;
+    margin-bottom: 1.25rem;
+    perspective: 1000px;
+    transform-style: preserve-3d;
+    border-radius: 10px;
+}
+.cards label{
+    position: absolute;
+    border-radius: 10px;
+    width: 50.25rem;
+    left: 0;
+    right: 0;
+    margin: auto;
+    cursor: pointer;
+    transition: transform 0.55s ease;
+}
+.cards .card{
+    position: relative;
+    height: 28rem;
+    background-color: #D9D9D9;
+    border-radius: 10px;
+    padding: 30px 35px;
+
+}
+.test{
+    filter: blur(10px);
+}
+.card{
+    display: flex;
+    flex-direction: column;
+    flex-flow: column-reverse;
+    margin: 0;
+}
+.card h2{
+    text-align: center;
+    margin-top: 0.75em !important;
+    /* margin-bottom: 0.25em !important; */
+    font-size: 1.25rem;
+    font-weight: 500;
+   visibility: hidden;
+
+}
+.card h3{
+   text-align: center;
+   font-size: 1.5rem;
+   margin-bottom: -5rem !important;
+   font-weight: 400;
+   visibility: hidden;
+}
+.cards .image{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 30rem;
+    margin-top: -2em !important;
+}
+.cards .image img{
+    width: 60%;
+    /* height: 400px; */
+    border-radius: 5px;
+    margin-top: 5rem;
+    object-fit: cover;
+    transition: all .7s;
+}
+.cards .image img:hover{
+    transform: scale(1.05);
+}
+
+/* WORKING OF SLIDER */
+
+#s1:checked~.cards #slide4,
+#s2:checked~.cards #slide5,
+#s3:checked~.cards #slide1,
+#s4:checked~.cards #slide2,
+#s5:checked~.cards #slide3
+{
+    box-shadow: 0 15px 30px rgba(0, 0, 0, 45%);
+    transform: translate3d(-70%, 0 , -220px);
+}
+
+#s1:checked~.cards #slide5,
+#s2:checked~.cards #slide1,
+#s3:checked~.cards #slide2,
+#s4:checked~.cards #slide3,
+#s5:checked~.cards #slide4
+{
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 45%);
+    transform: translate3d(35%, 0 , -120px);   
+}
+
+#s1:checked~.cards #slide1,
+#s2:checked~.cards #slide2,
+#s3:checked~.cards #slide3,
+#s4:checked~.cards #slide4,
+#s5:checked~.cards #slide5
+{
+    box-shadow: 0 25px 50px rgba(0, 0, 0, 50%);
+    transform: translate3d(0, 0 , 0);
+}
+#s1:checked~.cards #slide2,
+#s2:checked~.cards #slide3,
+#s3:checked~.cards #slide4,
+#s4:checked~.cards #slide5,
+#s5:checked~.cards #slide1
+{
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 45%);
+    transform: translate3d(-35%, 0 , -120px);
+}
+#s1:checked~.cards #slide3,
+#s2:checked~.cards #slide4,
+#s3:checked~.cards #slide5,
+#s4:checked~.cards #slide1,
+#s5:checked~.cards #slide2
+{
+    box-shadow: 0 15px 30px rgba(0, 0, 0, 45%);
+    transform: translate3d(-70%, 0 , -220px);
+}
+#s1:checked~.cards h3{
+    visibility: visible;
+}
+#s2:checked~.cards h3{
+    visibility: visible;
+}
+#s3:checked~.cards h3{
+    visibility: visible;
+}
+#s4:checked~.cards h3{
+    visibility: visible;
+}
+#s5:checked~.cards h3{
+    visibility: visible;
+}
+
+#s3:checked ~ .parent{
+    background-color: aqua;
+}
+.buttonBgColor{
+    background-color: aqua;
+}