js13k-2018/collect.css at master · picosonic/js13k-2018 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
@keyframes thing_float
{
  0% { transform:translate(30px, 10px) rotate(45deg); }
  50% { transform:translate(30px, 20px) rotate(45deg); }
  100% { transform:translate(30px, 10px) rotate(45deg); }
}

.thing
{
  position:absolute;
  overflow:hidden;
  display:block;
  width:64px;
  height:64px;
}

.thing_21
{
  display:inline-block;
  width:21px;
  height:21px;
  background:#ead94c;
  background:linear-gradient(to bottom, #ead94c 0%,#ead94c 50%,#d7c745 50%,#d7c745 100%);
  transform-origin:0px 0px;
  transform:translate(30px, 15px) rotate(45deg);
  border-radius:5px 5px;

  animation-name:thing_float;
  animation-duration:2s;
  animation-iteration-count:infinite;
}

.thing_22
{
  background-size:100% 100%;
}

.thing_23
{
  background-size:100% 100%;
}