Site icon Hip-Hop Website Design and Development

How create a Shortcode with hover and complicated choices

I’m questioning how do you do when you need to create a shortcode with a number of hover or complicated choices ( gradient, boxshadow and so on, factor that may’t be inline ).
How do you generate the css.

I do not need to generate a <fashion></fashion> block as a result of for a easy shortcode used 10 instances within the web page would generate 10 blocks.

All of the shortcode are set from the web page, by the person, so are created when the_content() is known as.

I need to give the person the likelihood to edit and customized the shortcode for exmample let the person select what border-radius to make use of when button is hovered and so on.

In search of an possibility that will validate as html5 and in WC3.

Including an ID to every shortcode and generate customized css is what I’m seeking to do however I can not discover a method to do that correctly ( with out creating <fashion></fashion> block in all places )

Any recommendation and examples are welcome.

Thanks upfront!