phoboes.github.io/style.css at master · Phoboes/phoboes.github.io · 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
* {
  font-family: fantasy;
  text-align: center;
}

body {
  background-color: red;
}

img {
  display: block;
  margin: auto;
  /*transition: height 2s;*/
  transition: transform 2s;
  border-radius: 50%;

}

img:hover {
  border: 10px dashed orange;
  /*width: 300px;*/
  transform: rotate(3600deg) scaleX(10);
}


p {
  color: blue;
  transition: font-size 2s;
}

p:hover {
  color: purple;
  font-size: 0px;
}

.rightHand {
  display: inline-block;
  width: 40%;
  height: 300px;
  background-color: blue;
}

.container {
  width: 80%;
  display: inline-block;
  background-color: yellow;
  margin: auto;
  border: 10px solid orange;
  animation: pulse;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    border-radius: 0px;
    background-color: yellow;
  }

  50% {
    border-radius: 200px;
    background-color: chartreuse;
  }

  100% {
    border-radius: 0px;
    background-color: yellow;
  }
}