engineering/www.remarkbox.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add css3 slide-animation

Browse source
This commit is contained in:
Lam Chau 2016-08-05 17:05:08 -04:00 • committed by GitHub
parent 1c84b78851
commit 566ba9cda4
1 changed files with 19 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

20
index.html
View file

@ -6,10 +6,28 @@
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="skeleton.css">
<link rel="stylesheet" href="custom.css">
<style type="text/css">
.main-body {
animation: slide-in 2s;
transform: translateY(0%);
}
@keyframes slide-in {
0% {
transform: translateY(100vh);
}
}
@-ms-keyframes slide-in {
0% {
transform: translateY(100%);
}
}
</style>
</head>
<body>
<body class="main-body">
<br/>
<br/>