12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- main a {
- color: #3498db;
- text-decoration: none;
- font-weight: 500;
- position: relative;
- transition: color 0.3s ease;
- }
- main a::after {
- content: '';
- position: absolute;
- left: 0;
- bottom: -2px;
- width: 0;
- height: 2px;
- background-color: #3498db;
- transition: width 0.3s ease;
- }
- main a:hover {
- color: #2980b9;
- }
- main a:hover::after {
- width: 100%;
- }
- main a:active {
- color: #1c6a9e;
- transition: color 0.1s ease;
- }
- main a:focus {
- outline: none;
- box-shadow: 0 0 3px rgba(52, 152, 219, 0.5);
- }
- main h1 a::after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0px;
- width: 0;
- height: 0px;
- background-color: #ffffff;
- }
|