Sunday, October 21, 2018

CSS Transition - 3

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Текстийн сүүдэр!</title>

<style>
a:hover {
  color: #0a0a0a;
  text-shadow:
  1px 1px #61b4de, 2px 2px #61b4de, 3px 3px #61b4de, 4px 4px #61b4de, 5px 5px #61b4de,
    6px 6px #91c467, 7px 7px #91c467, 8px 8px #91c467, 9px 9px #91c467, 10px 10px #91c467,
    11px 11px #f3a14b, 12px 12px #f3a14b, 13px 13px #f3a14b, 14px 14px #f3a14b, 15px 15px #f3a14b,
    16px 16px #e84c50, 17px 17px #e84c50, 18px 18px #e84c50, 19px 19px #e84c50, 20px 20px #e84c50,
    21px 21px #4e5965, 22px 22px #4e5965, 23px 23px #4e5965, 24px 24px #4e5965, 25px 25px #4e5965;
}
a {
  color: #0000ff;
  font-family: Arial;
  font-size: 50px;
  transition: 1s all ease;
  text-decoration: none;
  text-shadow:
1px 1px #61b4de,
    2px 2px #91c467,
    3px 3px #f3a14b,
    4px 4px #e84c50,
    5px 5px #4e5965;
}
</style>
</head>
<body>
  <a href="#">УС БОЛ ЧАНДМАНЬ ЭРДЭНЭ</a>
</body>
</html>

No comments:

Post a Comment