joshua/presentation-blockchains
1
0
Fork 0
mirror of https://github.com/seigler/presentation-blockchains synced 2025-07-27 01:26:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: sub-item animations

Browse source
This commit is contained in:
Joshua Seigler 2016-10-13 17:01:53 -04:00
parent b0a2712b2c
commit 786a0a0753
5 changed files with 43 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

7
styles/main.css
View file

@ -151,14 +151,15 @@ section > * {
*/
[janus-timeline='past'] {
transition: transform ease-in 0.5s, opacity ease-in 0.5s, visibility step-end 0.5s;
transition: transform ease 0.5s, opacity ease 0.5s, visibility step-end 0.5s;
}
[janus-timeline='present'] {
transition: transform ease-out 0.5s, opacity ease-out 0.5s, visibility step-start 0.5s;
transition: transform ease 0.5s, opacity ease 0.5s, visibility step-start 0.5s;
}
[janus-timeline='future'] {
opacity: 0;
visibility: hidden;
}
@ -171,7 +172,7 @@ body.show-notes section[janus-timeline='future'] [janus-timeline='future'] {
opacity: 1;
}
section[janus-timeline='past'] {
section[janus-timeline='past'], [janus-timeline='past'][janus-past='big'], [janus-timeline='future'][janus-future='big'] {
transform: translate3d(0, 0, 0) scale(5);
opacity: 0;
visibility: hidden;