https://github.com/ivanclay/playground
https://github.com/ivanclay/playground
css html javascript
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ivanclay/playground
- Owner: ivanclay
- Created: 2022-08-26T23:45:32.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-03-16T22:13:39.000Z (over 1 year ago)
- Last Synced: 2025-03-23T19:14:46.849Z (over 1 year ago)
- Topics: css, html, javascript
- Language: JavaScript
- Homepage:
- Size: 81 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
/* body{
background-color: #333;
} */
ul {
counter-reset: li;
list-style: none;
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
ul a {
position: relative;
display: block;
padding: .4em .4em .4em .8em;
margin: .5em 0 .5em 2.5em;
background: #D3D4DA;
color: #444;
text-decoration: none;
transition: all .3s ease-out;
}
ul a:hover {background: #DCDDE1;}
ul a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -2.5em;
top: 50%;
margin-top: -1em;
background: #f9dd94;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
}
ul a:after {
position: absolute;
content: "";
border: .5em solid transparent;
left: -1em;
top: 50%;
margin-top: -.5em;
transition: all .3s ease-out;
}
ul a:hover:after {
left: -.5em;
border-left-color: #f9dd94;
}