CSS の text-decoration-line プロパティは下線や上線など要素内の文字列に使われる装飾の種類を設定します.

Text-decoration line-through transition. La propriété text-decoration est utilisée pour décorer le texte en ajoutant une ligne pouvant être positionnée sous sur ou à travers le texte. Sets the color of the text decoration. Strike text-decoration.

So set all other required text-decoration properties set the initial text-decoration-color to transparent then transition the text-decoration-color property on hover focus etc. Text-decoration-line The text-decoration-line CSS property sets the kind of decoration that is used on text in an element such as an underline or overline. The text decoration line combined with text decoration style and text decoration color can also be specified with the text-decoration shorthand property.

Definition and Usage The text-decoration-line property sets the kind of text decoration to use like underline overline line-through. The text-decoration-style property sets the style of the text decoration like solid wavy dotted dashed double. Sets the style of the text decoration like solid wavy dotted dashed double initial.

Text-decoration-line The text existence and placement of text decoration under above or through text. Heyyy Cest Toinoux. Voici unz transition pour Fuze III Green Screen.

Also look at the text-decoration property which is a short-hand property for text-decoration-line text-decoration-style and text-decoration-color. If you are only seeking a color transition and can do without IE support see this answer below. Keyframes strike from text-decoration-color.

To text-decoration-color. It depends on how you want to animate it. The support for text-decoration-color has come a long way and common browser support requirements have loosened making it a viable option for most new projects.