Collapse file tree

Files

 master

/

mouseAn.css

Copy path

Blame

Blame

Latest commit

GaoXinRu

Create mouseAn.css

May 15, 2018

b607782 · May 15, 2018

History

History

Open commit details

375 lines (344 loc) · 7.44 KB

/

mouseAn.css

Top

File metadata and controls

• Code
• Blame

375 lines (344 loc) · 7.44 KB

Raw

.post_cover .enter-left { -webkit-animation: enter-left .3s ease-in; -moz-animation: enter-left .3s ease-in; animation: enter-left .3s ease-in; } .post_cover .enter-right { -webkit-animation: enter-right .3s ease-in; -moz-animation: enter-right .3s ease-in; animation: enter-right .3s ease-in; } .post_cover .enter-top { -webkit-animation: enter-top .3s ease-in; -moz-animation: enter-top .3s ease-in; animation: enter-top .3s ease-in; } .post_cover .enter-bottom { -webkit-animation: enter-bottom .3s ease-in; -moz-animation: enter-bottom .3s ease-in; animation: enter-bottom .3s ease-in; } .post_cover .leave-top { -webkit-animation: leave-top .3s ease-out; -moz-animation: leave-top .3s ease-out; animation: leave-top .3s ease-out; } .post_cover .leave-left { -webkit-animation: leave-left .3s ease-out; -moz-animation: leave-left .3s ease-out; animation: leave-left .3s ease-out; } .post_cover .leave-right { -webkit-animation: leave-right .3s ease-out; -moz-animation: leave-right .3s ease-out; animation: leave-right .3s ease-out; } .post_cover .leave-bottom { -webkit-animation: leave-bottom .3s ease-out; -moz-animation: leave-bottom .3s ease-out; animation: leave-bottom .3s ease-out; } @-webkit-keyframes enter-top { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); z-index: 0 } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } } @-moz-keyframes enter-top { from { -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); z-index: 0 } to { -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } } @keyframes enter-top { from { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); z-index: 0 } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } } @-webkit-keyframes enter-right { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); z-index: 0 } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } } @-moz-keyframes enter-right { from { -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); z-index: 0 } to { -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } } @keyframes enter-right { from { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); z-index: 0 } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } } @-webkit-keyframes enter-bottom { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); z-index: 0 } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } } @-moz-keyframes enter-bottom { from { -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); z-index: 0 } to { -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } } @keyframes enter-bottom { from { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); z-index: 0 } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } } @-webkit-keyframes enter-left { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); z-index: 0 } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } } @-moz-keyframes enter-left { from { -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); z-index: 0 } to { -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } } @keyframes enter-left { from { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); z-index: 0 } to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } } @-webkit-keyframes leave-top { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } to { -webkit-transform: translate3d(0, -100%); transform: translate3d(0, -100%); z-index: -1 } } @-moz-keyframes leave-top { from { -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } to { -moz-transform: translate3d(0, -100%); transform: translate3d(0, -100%); z-index: -1 } } @keyframes leave-top { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } to { -webkit-transform: translate3d(0, -100%); -moz-transform: translate3d(0, -100%); transform: translate3d(0, -100%); z-index: -1 } } @-webkit-keyframes leave-right { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); z-index: -1 } } @-moz-keyframes leave-right { from { -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } to { -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); z-index: -1 } } @keyframes leave-right { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } to { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); z-index: -1 } } @-webkit-keyframes leave-bottom { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); z-index: -1 } } @-moz-keyframes leave-bottom { from { -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } to { -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); z-index: -1 } } @keyframes leave-bottom { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } to { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); z-index: -1 } } @-webkit-keyframes leave-left { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); z-index: -1 } } @-moz-keyframes leave-left { from { -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } to { -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); z-index: -1 } } @keyframes leave-left { from { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0 } to { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); z-index: -1 } }

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

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375