-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 1.17 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="developer : https://github.com/pc810"><title>clockstrikestwelve</title><script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r79/three.min.js"></script><style>*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;user-select:none}body{overflow:hidden;margin:0;padding:0}#container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}canvas{width:100%;height:100%}ul{list-style:none;font-size:5em;color:#fff;line-height:1em;width:20%}li{cursor:pointer}#isp{right:5px}#info,#isp{position:absolute;bottom:5px;color:#fff}#info{left:5px}a{color:#fff}</style></head><body> <div id="content"> <ul> <li id="1">Acne</li> <li id="2">Polaroid</li> <li id="3">Adidas</li> <li id="4">Netflix</li> <li id="5">Airbnb</li> </ul> <div id="isp">Inspired from <a href="https://www.clockstrikestwelve.com/">clockstrikestwelve</a></div> <div id="info">Hover Slowly on list</div> </div> <div id="container"></div> <script src="app.8a1167d5.js"></script> </body></html>