FazBrowse GitHub Viewer | Trending | | Home

Tools: [Download Repo ZIP] [View Raw Code] [Original HTTPS Page]

roundmap/src/roundmap.css at master · rendfall/roundmap · GitHub

46 lines (40 loc) · 852 Bytes

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

.roundmap {

position: relative;

width: 270px;

height: 270px;

border: 6px solid white;

margin: 15px 0;

border-radius: 50%;

box-shadow: 0 0 10px -3px rgba(60,20,8,79);

transition: all 400ms ease-in-out;

}

.roundmap:hover,

.roundmap:hover .world {

border-radius: 0%;

}

.roundmap .marker {

display: block;

position: relative;

top: -40px;

left: -17px;

width: 35px;

height: 43px;

background: url('../assets/world-marker.png');

cursor: pointer;

}

.roundmap .marker-point {

position: absolute;

}

.roundmap .world {

position: relative;

background: url('../assets/world.png');

width: 100%;

height: 100%;

border-radius: 50%;

cursor: pointer;

transition: border-radius 400ms ease-in-out;

overflow: hidden;

}

.roundmap .world:active{

cursor:move

}

Back | FazBrowse Home | New Git URL