목록구글 (2)

비전공자 개발일기

Dino Game

* { padding: 0; margin: 0; } .game { width: 600px; height: 200px; border: 1px solid #000000; margin: auto; } #dino { width: 70px; height: 70px; background-image: url(t-rex.png); background-size: auto 70px; position: relative; top: 143px; } .jump { animation: jump 0.3s linear; } @keyframes jump { 0% { top: 143px; /*distance from the top of the parent element*/ } 30% { top: 115px; } 50% { top: 70p..
Javascript 2022. 9. 29. 00:59
Google Search Clone

Sign in Images Gmail Google Search I'm Feeling Lucky ul { list-style-type: none; overflow: hidden; } li { float: right; } li a { color: #000; display: block; text-align: center; padding: 10px 10px; text-decoration: none; font-size:14px; } li a:hover { text-decoration: underline; } .grid{ height:23px; position:relative; bottom:4px; } .signbutton{ background-color: #4885ed; color: #fff; border:non..
HTML _CSS 2022. 7. 1. 01:03
이전 Prev 1 Next 다음