[Megathread] CustomCSS Showoff

This post is by a banned member (Skryptec) - Unhide

Skryptec

246
Posts

21
Threads

5 Years of service

24 October, 2019 - 03:55 PM

(24 October, 2019 - 03:49 PM)floraiN Wrote: Show More
In case anyone fucks up his template.

Go to https://cracked.to/usercp.php?action=customcss
Use devs tools of your browser, then go to console and perform this

Code:
$('input[value="Delete"]').click();

I'd recommend testing your CSS in devtools before even typing random stuff in your stylesheet.

This post is by a banned member (Duncan Idaho) - Unhide

Duncan Idaho

591
Posts

148
Threads

4 Years of service

#10

10 November, 2019 - 08:17 AM

Made this during Halloween. It's responsive, changes the layout slightly.
[Image: Untitled.png]

Get the CSS: https://cracked.to/Thread-Supreme-Sp00ky...Responsive

1 Reply

This post is by a banned member (CaneRS) - Unhide

CaneRS

22
Posts

0
Threads

4 Years of service

Warned #11

10 November, 2019 - 08:02 PM

Thank you Bro !

This post is by a banned member (clowns) - Unhide

clowns

18
Posts

4
Threads

4 Years of service

#12

19 November, 2019 - 07:29 AM (This post was last modified: 19 November, 2019 - 07:40 AM by clowns.)

Code:
.header-logo {

filter: hue-rotate(180deg);

}

    .header-logo{

        -webkit-animation: cracked-rainbow 3.5s infinite;

        -moz-animation: cracked-rainbow 3.5s infinite;

        -o-animation: cracked-rainbow 3.5s infinite;

        -ms-animation: cracked-rainbow 3.5s infinite;

        animation: cracked-rainbow 3.5s infinite;

    }

    @-webkit-keyframes cracked-rainbow {

        0%{filter: hue-rotate(180deg);}

        10%{filter: hue-rotate(18deg);}

          20%{filter: hue-rotate(36deg);}

        30%{filter: hue-rotate(54deg);}

          40%{filter: hue-rotate(72deg);}

        50%{filter: hue-rotate(90deg);}

          60%{filter: hue-rotate(108deg);}

        70%{filter: hue-rotate(126deg);}

        80%{filter: hue-rotate(144deg);}

        90%{filter: hue-rotate(162deg);}

          100%{filter: hue-rotate(180deg);}

    }

    @-moz-keyframes cracked-rainbow {

      0%{filter: hue-rotate(180deg);}

      10%{filter: hue-rotate(18deg);}

      20%{filter: hue-rotate(36deg);}

      30%{filter: hue-rotate(54deg);}

      40%{filter: hue-rotate(72deg);}

      50%{filter: hue-rotate(90deg);}

      60%{filter: hue-rotate(108deg);}

      70%{filter: hue-rotate(126deg);}

      80%{filter: hue-rotate(144deg);}

      90%{filter: hue-rotate(162deg);}

      100%{filter: hue-rotate(180deg);}

    }

    @-ms-keyframes cracked-rainbow {

      0%{filter: hue-rotate(180deg);}

      10%{filter: hue-rotate(18deg);}

      20%{filter: hue-rotate(36deg);}

      30%{filter: hue-rotate(54deg);}

      40%{filter: hue-rotate(72deg);}

      50%{filter: hue-rotate(90deg);}

      60%{filter: hue-rotate(108deg);}

      70%{filter: hue-rotate(126deg);}

      80%{filter: hue-rotate(144deg);}

      90%{filter: hue-rotate(162deg);}

      100%{filter: hue-rotate(180deg);}

    }

    @-o-keyframes cracked-rainbow {

      0%{filter: hue-rotate(180deg);}

      10%{filter: hue-rotate(18deg);}

      20%{filter: hue-rotate(36deg);}

      30%{filter: hue-rotate(54deg);}

      40%{filter: hue-rotate(72deg);}

      50%{filter: hue-rotate(90deg);}

      60%{filter: hue-rotate(108deg);}

      70%{filter: hue-rotate(126deg);}

      80%{filter: hue-rotate(144deg);}

      90%{filter: hue-rotate(162deg);}

      100%{filter: hue-rotate(180deg);}

    }

    @keyframes cracked-rainbow {

      0%{filter: hue-rotate(180deg);}

      10%{filter: hue-rotate(18deg);}

      20%{filter: hue-rotate(36deg);}

      30%{filter: hue-rotate(54deg);}

      40%{filter: hue-rotate(72deg);}

      50%{filter: hue-rotate(90deg);}

      60%{filter: hue-rotate(108deg);}

      70%{filter: hue-rotate(126deg);}

      80%{filter: hue-rotate(144deg);}

      90%{filter: hue-rotate(162deg);}

      100%{filter: hue-rotate(180deg);}

    }

uhm well the code block made the css hella ugly but it still works lmao

the hue-rotate property can go up to 360deg, thats up to you if you want to change it
the only reason i went to 180 is because it was easier for me

This post is by a banned member (Bitcoin_) - Unhide

Bitcoin_

16
Posts

2
Threads

5 Years of service

#13

29 November, 2019 - 03:37 AM (This post was last modified: 29 November, 2019 - 03:37 AM by Bitcoin_.)

a little gay theme but i like it
https://i.imgur.com/hPuj1Ri.gif
[Image: hPuj1Ri.gif]

This post is by a banned member (THECROW844) - Unhide

This post is by a banned member (Denmark) - Unhide

Denmark

1.373
Posts

48
Threads

4 Years of service

#15

18 December, 2019 - 09:42 PM

(19 November, 2019 - 07:29 AM)clowns Wrote: Show More

Code:
.header-logo { filter: hue-rotate(180deg); } .header-logo{ -webkit-animation: cracked-rainbow 3.5s infinite; -moz-animation: cracked-rainbow 3.5s infinite; -o-animation: cracked-rainbow 3.5s infinite; -ms-animation: cracked-rainbow 3.5s infinite; animation: cracked-rainbow 3.5s infinite; } @-webkit-keyframes cracked-rainbow { 0%{filter: hue-rotate(180deg);} 10%{filter: hue-rotate(18deg);} 20%{filter: hue-rotate(36deg);} 30%{filter: hue-rotate(54deg);} 40%{filter: hue-rotate(72deg);} 50%{filter: hue-rotate(90deg);} 60%{filter: hue-rotate(108deg);} 70%{filter: hue-rotate(126deg);} 80%{filter: hue-rotate(144deg);} 90%{filter: hue-rotate(162deg);} 100%{filter: hue-rotate(180deg);} } @-moz-keyframes cracked-rainbow { 0%{filter: hue-rotate(180deg);} 10%{filter: hue-rotate(18deg);} 20%{filter: hue-rotate(36deg);} 30%{filter: hue-rotate(54deg);} 40%{filter: hue-rotate(72deg);} 50%{filter: hue-rotate(90deg);} 60%{filter: hue-rotate(108deg);} 70%{filter: hue-rotate(126deg);} 80%{filter: hue-rotate(144deg);} 90%{filter: hue-rotate(162deg);} 100%{filter: hue-rotate(180deg);} } @-ms-keyframes cracked-rainbow { 0%{filter: hue-rotate(180deg);} 10%{filter: hue-rotate(18deg);} 20%{filter: hue-rotate(36deg);} 30%{filter: hue-rotate(54deg);} 40%{filter: hue-rotate(72deg);} 50%{filter: hue-rotate(90deg);} 60%{filter: hue-rotate(108deg);} 70%{filter: hue-rotate(126deg);} 80%{filter: hue-rotate(144deg);} 90%{filter: hue-rotate(162deg);} 100%{filter: hue-rotate(180deg);} } @-o-keyframes cracked-rainbow { 0%{filter: hue-rotate(180deg);} 10%{filter: hue-rotate(18deg);} 20%{filter: hue-rotate(36deg);} 30%{filter: hue-rotate(54deg);} 40%{filter: hue-rotate(72deg);} 50%{filter: hue-rotate(90deg);} 60%{filter: hue-rotate(108deg);} 70%{filter: hue-rotate(126deg);} 80%{filter: hue-rotate(144deg);} 90%{filter: hue-rotate(162deg);} 100%{filter: hue-rotate(180deg);} } @keyframes cracked-rainbow { 0%{filter: hue-rotate(180deg);} 10%{filter: hue-rotate(18deg);} 20%{filter: hue-rotate(36deg);} 30%{filter: hue-rotate(54deg);} 40%{filter: hue-rotate(72deg);} 50%{filter: hue-rotate(90deg);} 60%{filter: hue-rotate(108deg);} 70%{filter: hue-rotate(126deg);} 80%{filter: hue-rotate(144deg);} 90%{filter: hue-rotate(162deg);} 100%{filter: hue-rotate(180deg);} }

uhm well the code block made the css hella ugly but it still works lmao

the hue-rotate property can go up to 360deg, thats up to you if you want to change it
the only reason i went to 180 is because it was easier for me

i love that theme so much

I WILL IGNORE YOU IF YOU PM ME WITH UNDESCRIPTIVE SUBJECTS LIKE "hello"
[ Always confirm via PM before dealing with me. ]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Staff || Anti-Leeching || Upgrade || Forum Rules || Achievements

This post is by a banned member (Yooko) - Unhide

Yooko

1.097
Posts

116
Threads

5 Years of service

#16

16 February, 2020 - 03:09 AM

Show ContentSpoiler:

This is about as good as my CSS skills get

Where am I?

Website

1 Reply

Login
Username:
Password:	Lost Password?
	Remember me

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! Register a new account	or	Sign in Already have an account? Sign in here. Sign in now

cracked.io | Best Forum Around | Free Premium Accounts

[Megathread] CustomCSS Showoff

About Cracked.io

Navigation

Extras

Help

Account