This tutorial is for rainbow group formatting using css. Hope you enjoy lets begin.
CSS
then put <span class="donor"> </span> into your group formatting.
Step by step:
1) Go to Customization
2)Click Themes
3)Click Edit HTML and CSS the theme you are using.
4)Click CSS
5)Select custom.css
6)Add the CSS code into this section
7)Go to Groups
8)Select group that you want to apply Rainbow effect
9)In the group formatting, click to Use HTML
10)Add <span class="donor"> to first textbox
11) Add </span> to second textbox
Yes, there is a script version but for me, CSS is better than a script for those situations.
CSS
Code:
.donor {
animation: rainbow 10s infinite;
}
@keyframes rainbow {
0% {
color: orange;
}
10% {
color: purple;
}
20% {
color: red;
}
30% {
color: CadetBlue;
}
40% {
color: yellow;
}
50% {
color: coral;
}
60% {
color: green;
}
70% {
color: cyan;
}
80% {
color: DeepPink;
}
90% {
color: DodgerBlue;
}
100% {
color: orange;
}
}
then put <span class="donor"> </span> into your group formatting.
Step by step:
1) Go to Customization
2)Click Themes
3)Click Edit HTML and CSS the theme you are using.
4)Click CSS
5)Select custom.css
6)Add the CSS code into this section
7)Go to Groups
8)Select group that you want to apply Rainbow effect
9)In the group formatting, click to Use HTML
10)Add <span class="donor"> to first textbox
11) Add </span> to second textbox
Yes, there is a script version but for me, CSS is better than a script for those situations.