Navigation X
ALERT
Click here to register with a few steps and explore all our cool stuff we have to offer!



 142504

Looking for new ideas to invest in

by RealPsycho - 22 April, 2023 - 02:53 AM
This post is by a banned member (Evolot) - Unhide
This post is by a banned member (RealPsycho) - Unhide
673
Posts
370
Threads
3 Years of service
Bumped #10
This is a bump
This post is by a banned member (Ryze) - Unhide
Ryze  
Heaven
1.367
Posts
105
Threads
5 Years of service
#11
(This post was last modified: 22 April, 2023 - 09:51 PM by Ryze. Edited 2 times in total.)
https://imgur.com/a/FldGxWs or https://i.ibb.co/ZgCHGJg/LOW.gif by @Evolot by far the best
[Image: gB0Oyuo.gif]
[Image: ZsTIWSC.png]

 Feel free to check out the following links:
 General Rules | Posting Rules | Marketplace Rules 
 Anti Leeching | Upgrade | Terms of Service 
This post is by a banned member (Drainer) - Unhide
Drainer  
Refund God
1.222
Posts
266
Threads
2 Years of service
#12
all css which have been posted here sucks
This post is by a banned member (RealPsycho) - Unhide
673
Posts
370
Threads
3 Years of service
#13
(22 April, 2023 - 09:48 PM)ETH Wrote: Show More
all css which have been posted here sucks

do u know any good css maker ?
[Image: SWlAD.gif]
[Image: SgAzr.gif]

[Image: etFCXpM.gif]

Why Worship Legends When You Know That You Can Join em?  
        




 
 
This post is by a banned member (Drainer) - Unhide
Drainer  
Refund God
1.222
Posts
266
Threads
2 Years of service
#14
(22 April, 2023 - 10:44 PM)RealPsycho Wrote: Show More
(22 April, 2023 - 09:48 PM)ETH Wrote: Show More
all css which have been posted here sucks

do u know any good css maker ?

yes... Web Design & Web Development Studio – Heavens Pro
This post is by a banned member (Stulle88) - Unhide
Stulle88  
Registered
71
Posts
3
Threads
1 Year of service
#15
(This post was last modified: 23 April, 2023 - 01:51 AM by Stulle88. Edited 2 times in total.)
i tryd a few things


https://imgur.com/a/aD65G5q

https://imgur.com/a/H9SP9ku

https://imgur.com/QtCgwxt

https://imgur.com/m79LrYW

https://imgur.com/fxhmT1s


these are only effects btw colors and stuff can be changed to match the name or the rank
This post is by a banned member (ElitePro) - Unhide
ElitePro  
Godlike
1.498
Posts
179
Threads
5 Years of service
#16
Quote:.container {
  position: relative;
}

.real_psycho {
  position: relative;
  letter-spacing: .02em;
  text-shadow: 0.75px 0.75px 7px #1abc9c;
  font-weight: 600;
  background: transparent;
  background-image: repeating-linear-gradient(135deg, #00FF66 25%, #009900 75%);
  background-size: 10em;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: raining 2s linear infinite;
}

.star {
  position: absolute;
  top: -0.4em;
  left: -1.65em;
  width: 1.8em;
  height: 1em;
  background-image: url(https://i.imgur.com/pfVdImA.png);
  background-size: contain;
  transform: rotate(335deg);
  z-index: 9999;
}

.real_psycho:after {
  background-image: url(https://i.imgur.com/VVYmnng.gif);
  background-size: 15% 100%;
  display: inline-block;
  position: absolute;
  width: 15%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.3;
  content: '';
}

@keyframes raining {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: 0px 1000px;
  }
}
 

If that doesn't work here's with html as I'm a goofball:
Quote:<div class="container">
  <div class="star"></div>
  <div class="real_psycho">RealPsycho</div>
</div>

<style>
  .container {
    position: relative;
  }
  
  .real_psycho {
    position: relative;
    letter-spacing: .02em;
    text-shadow: 0.75px 0.75px 7px #1abc9c;
    font-weight: 600;
    background: transparent;
    background-image: repeating-linear-gradient(135deg, #00FF66 25%, #009900 75%);
    background-size: 10em;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: raining 2s linear infinite;
  }
  
  .star {
    position: absolute;
    top: -0.4em;
    left: -1.65em;
    width: 1.8em;
    height: 1em;
    background-image: url(https://i.imgur.com/pfVdImA.png);
    background-size: contain;
    transform: rotate(335deg);
    z-index: 9999;
  }
  
  .real_psycho:after {
    background-image: url(https://i.imgur.com/VVYmnng.gif);
    background-size: 15% 100%;
    display: inline-block;
    position: absolute;
    width: 15%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.3;
    content: '';
  }
  
  @keyframes raining {
    0% {
      background-position: 0px 0px;
    }
    100% {
      background-position: 0px 1000px;
    }
  }
</style>
 e

Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
or
Sign in
Already have an account? Sign in here.


Forum Jump:


Users browsing this thread: 10 Guest(s)