5

You can change the color of the Phuks logo by using the following two selectors:

.th-l-stroke for the stroke parts (mainly the text and the fill in the ears). Eg: .th-l-stroke { stroke: red; } to make it red

.th-l-fill for the filled parts (rest of the logo)

Eg: .th-l-fill { fill: red; } to make it red

Bonus: Rainbow logo CSS animation:

.th-l-stroke {animation: rb 1s infinite; }
.th-l-fill {animation: rb2 1s infinite; }
@keyframes rb2{20%{fill: red;}40%{fill: yellow;}60%{fill: green;}80%{fill: blue;}100%{fill: orange;} }
@keyframes rb{20%{stroke: red;}40%{stroke: yellow;}60%{stroke: green;}80%{stroke: blue;}100%{stroke: orange;}}
You can change the color of the Phuks logo by using the following two selectors: `.th-l-stroke` for the stroke parts (mainly the text and the fill in the ears). Eg: `.th-l-stroke { stroke: red; }` to make it red `.th-l-fill` for the filled parts (rest of the logo) Eg: `.th-l-fill { fill: red; }` to make it red Bonus: Rainbow logo CSS animation: ``` .th-l-stroke {animation: rb 1s infinite; } .th-l-fill {animation: rb2 1s infinite; } @keyframes rb2{20%{fill: red;}40%{fill: yellow;}60%{fill: green;}80%{fill: blue;}100%{fill: orange;} } @keyframes rb{20%{stroke: red;}40%{stroke: yellow;}60%{stroke: green;}80%{stroke: blue;}100%{stroke: orange;}} ```

1 comments