mrjuice01

<template>
	<div id="app">
		<!-- MAIN CONTENT  -->
		<div class="sun" :style="sunStyle()"></div>
		<div
			class="planet_container"
			:class="`planet_container-${mode}`"
			v-for="(p, i) in planetsFiltered"
			:style="planetContainerStyle(i)"
			@click="onClickPlanetContainer(i)"

mrjuice01

Dress Up

This pen uses CSS filters to change the color of the model's garments. I used JavaScript to calculate the offset for the CSS filter function and combined that with a color picker. Color availability and accuracy aren't perfect because they work with a base color that isn't as neutral as it could be. I used an AI-generated model and I used ChatGPT to alphabetize my SCSS properties because, why not use AI to achieve perfection when we can?

A Pen by Connie Finkelman on CodePen.

License.