Just wondering if there’s a way, using CSS/HTML only, to have a transition take place without a trigger event such as hover. For example, have the site logo start off in grayscale then transition to color after the page loads.
@Snillor CSS animations are self-invoking transitions, with extra capabilities. The answer is yes, but you have to be willing to use ‘animations’ and not ‘transitions’.
Think of the definition of the word ‘transition’. It reflects a change between two states. With the way CSS is set up, a single selector cannot have two independent states, that’s what pseudo-classes are for.