Wellwisher
😃👍Great stuff!!
Works perfectly. Thanks!!
I've just been playing around customizing the OP code a bit, and managed to add an animated background effect.
Only minor issue in my case is that the custom 'OP' button seems to open out showing the full 'Original Poster' label when first trying to click on the 'Share' button—which gets pushed to the right as the 'OP' label opens...
EDIT: To add custom animated 'Share' button test code:
.PostMeta .Dropdown-toggle::before {
content: "\f14d";
border-radius: 100px;
padding: 5px;
margin-left: 10px;
background: linear-gradient(124deg, #ffffff, #000000, #ffffff, #000000, #ffffff, #000000, #ffffff, #000000, #ffffff);
color: black;
font-size: 19px;
font-weight: 600 !important;
font-family: "Font Awesome 5 Free", Garamond, serif;
text-shadow: 0 0 0px white, 0 0 1px white, 0 0 2px white, 0 0 3px white, 0 0 4px white, 0 0 5px white, 0 0 6px white, 0 0 7px white;
background-size: 1800% 1800%;
-webkit-animation: rainbow 13s ease infinite;
-z-animation: rainbow 13s ease infinite;
-o-animation: rainbow 13s ease infinite;
animation: rainbow 13s ease infinite;
}
@-webkit-keyframes rainbow {
0%{background-position:0% 62%}
50%{background-position:80% 19%}
100%{background-position:0% 62%}
}
@-moz-keyframes rainbow {
0%{background-position:0% 62%}
50%{background-position:80% 19%}
100%{background-position:0% 62%}
}
@-o-keyframes rainbow {
0%{background-position:0% 62%}
50%{background-position:80% 19%}
100%{background-position:0% 62%}
}
@keyframes rainbow {
0%{background-position:0% 62%}
50%{background-position:80% 19%}
100%{background-position:0% 62%}
}
