Round 64: Happy Valentine's

[delacourtings]

Color by COLOURlovers

examples:
    
abyss_valkyrie / magicrubbish / littlemissnovel / sweet_lyri / kitamikeita 

Thank you so much to everyone who participated in our last round! Remember, you can (and are encouraged to!) always suggest color palettes for us to use HERE in the suggestion post!

Since this next challenge will close on Valentine's Day, I figured it was only fitting to do a Valentine's themed palette!

-create 1-3 icons using the colors in the palettes.

-you do not have to use the exact colors, you can use similar colors, but using the exact shades makes it more fun/challenging.

-any and all fandoms are allowed (this includes stock).

-icons should be 100x100, 60kb or less.

-post your icons to the community as a new post. tag with round: ##, maker: username. an example post can be found HERE in the rules post.

-have fun!
 

 

your icons are due by 11:59 EDT/EST on Sunday February 14th! (countdown)

Comments

[fueschgast]

I wrote in the suggestion post "Links in entries are a bit hard to see, could we change the color to something that stands out? How about a gradient taken from the comm's icon? I could write the CSS for it." but I guess you didn't see it.

By now I've written the CSS. Here's a mockup:

Let me know, if you want the code.

[delacourtings]

i did miss your comment, i'm so sorry!

that looks incredible! i'd love the code!

[fueschgast]

Yay! Just put this at the end (so it can override the layout) of the custom CSS:

.entry-content a, .entry-content a:link, .comment-content a, .comment-content a:link { background: linear-gradient(90deg, #E41547, #1B4DCE, #21C44C, #D2E42D); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-box-decoration-break: clone; text-decoration: none; } .entry-content a:visited, .comment-content a:visited { background: linear-gradient(90deg, #903D51, #3D4C74, #649B72, #CCD392); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-box-decoration-break: clone; } .entry-content a:hover, .comment-content a:hover { background: linear-gradient(90deg, #E3336F, #4573CD, #61D78D, #E7ED85); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-box-decoration-break: clone; } .entry-content a:active, .comment-content a:active { border-width: 0px 0px 2px 0px; border-style: solid; border-image-slice: 0 0 2 0; border-image-source: linear-gradient(90deg, #E3336F, #4573CD, #61D78D, #E7ED85); }
If the rainbow'd usernames bother you, I could exclude them.

[littlemissnovella]

Thanks for using one of my icons in the inspiration!

Also how did you get the rainbow coloring for the icon maker? (It's really cool!)