duyminhbio/style.css at main · megabeehothanhminh/duyminhbio · GitHub

8000 duyminhbio/style.css at main · megabeehothanhminh/duyminhbio · GitHub

Repository navigation

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

body {

display: flex;

justify-content: center;

align-items: center;

background: #2c3e50

631A

}

.box {

width: 1000px;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

display: flex;

flex-direction: column;

}

#pinkboard {

position: relative;

margin: auto;

height: 750px;

width: 750px;

animation: animate 1.2s infinite;

}

#pinkboard:before, #pinkboard:after {

content: '';

position: absolute;

background: #d63031;

width: 100px;

height: 160px;

border-top-left-radius: 50px;

border-top-right-radius: 50px;

}

#pinkboard:before {

left: 100px;

transform: rotate(-45deg);

transform-origin: 0 100%;

box-shadow: 0 14px 28px rgba(0,0,0,0.25),

0 10px 10px rgba(0,0,0,0.22);

}

#pinkboard:after {

left: 0;

transform: rotate(45deg);

transform-origin: 100% 100%;

}

@keyframes animate {

0% {

transform: scale(1);

}

30% {

transform: scale(.8);

}

60% {

transform: scale(1.2);

}

100% {

transform: scale(1);

}

}

0