Formatting Shortcode to Display in Visual Mode

I was wondering if it’s possible to convert this kind of shortcode:

[card name="Muscle Band" set="XY" no="121" c="name"][/card]

Into this in Visual Mode (in blue-colored text):

Muscle Band XY 121

Basically, something that detects shortcode that’s in the above format and changes it into the second format only when you look at it in Visual mode (the card name, set, and number).

Thank you!