Skip to content

Instantly share code, notes, and snippets.

@kobitoDevelopment
Last active December 23, 2022 03:54
Show Gist options
  • Select an option

  • Save kobitoDevelopment/7d8a94f40a4606c61cfdbeaaa424898c to your computer and use it in GitHub Desktop.

Select an option

Save kobitoDevelopment/7d8a94f40a4606c61cfdbeaaa424898c to your computer and use it in GitHub Desktop.
<a href="" class="text">テキストのみ色変更</a>
.text {
color: transparent;
font-size: 100px;
font-weight: bold;
background-image: linear-gradient(90deg, #1699cd 50%, #333 0);
background-position: 100%;
background-size: 200%;
background-repeat: no-repeat;
background-clip: text;
-webkit-background-clip: text;
transition: 0.6s;
&:hover {
transition: 0.6s;
background-position: 0%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment