📝 Added sandbox (code sketchbook)
This commit is contained in:
parent
b475595f7f
commit
b5daf18b1a
142 changed files with 100702 additions and 0 deletions
12
sandbox/diagonal/index.html
Normal file
12
sandbox/diagonal/index.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title></title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="./style.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div class="line"></div>
|
||||
</body>
|
||||
</html>
|
||||
12
sandbox/diagonal/style.css
Normal file
12
sandbox/diagonal/style.css
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
.line {
|
||||
height:10px;
|
||||
width:0;
|
||||
margin-top:100px;
|
||||
background:red;
|
||||
transform:rotate(-45deg);
|
||||
transform-origin:left;
|
||||
animation:grow 1s linear forwards;
|
||||
}
|
||||
@keyframes grow{
|
||||
to {width:100px;}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue