linear-gradientのhoverアクション

See the Pen linear-gradientのhoverアクション by ito web制作 (@ito-web) on CodePen.

 hover前

background: linear-gradient(to right, #efd663 0%, #ff5b23 100%);

 hover後

background: linear-gradient(to right, #ff5b23 0%, #efd663 100%);

hoverした際に色を反転させるといい感じになります。