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: transition for linked-list image

Browse source
This commit is contained in:
Joshua Seigler 2016-10-13 22:59:33 -04:00
parent 786a0a0753
commit ccb78186f3
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -39,7 +39,7 @@
</section>
<section class="hashpointers">
<img janus-timeline src="styles/linked-list.svg" alt="" class="contain" style="object-position: 70% 50%">
<img janus-timeline janus-future="big" src="styles/linked-list.svg" alt="" class="contain" style="object-position: 70% 50%">
<img janus-timeline janus-future="big" src="styles/linked-list-hashpointers.svg" alt="" class="contain" style="object-position: 70% 50%">
<h1>Hash Pointers</h1>
</section>

6
styles/main.css
View file

@ -71,7 +71,7 @@ body.is-loading:after {
}
body.simulate-projection {
filter: brightness(1.5) contrast(0.65);
filter: contrast(0.65);
}
main {
@ -165,14 +165,14 @@ section > * {
body.show-notes section [janus-timeline='future'] {
visibility: visible;
opacity: 0.25;
opacity: 0.4;
}
body.show-notes section[janus-timeline='future'] [janus-timeline='future'] {
opacity: 1;
}
section[janus-timeline='past'], [janus-timeline='past'][janus-past='big'], [janus-timeline='future'][janus-future='big'] {
section[janus-timeline='past'], body:not(.show-notes) [janus-timeline='past'][janus-past='big'], body:not(.show-notes) [janus-timeline='future'][janus-future='big'] {
transform: translate3d(0, 0, 0) scale(5);
opacity: 0;
visibility: hidden;