dacsslide 0.0.11 dacsslide: ^0.0.11 copied to clipboard
Dart CSS presentation framework.
DaCSSlide #
Port of JaCSS - tiny "framework" for building pure CSS3-animation based presentations.
Demo #
Simple:
http://olostan.github.io/dacsslide_starter/ (source code: https://github.com/olostan/dacsslide_starter )
Advanced usage:
http://olostan.github.io/dacsslide_video/ http://olostan.github.io/slides_twinui2/ http://slides.olostan.name/dartFlight/dartflightslides.html
Example #
Example could be found in web
folder.
In HTML file you need to speicfy "symbols":
<presentation slides="8" class="hidden">
<symbol id="hello">
Hello {{world}}
</symbol>
<symbol id="center">
Center
</symbol>
</presentation>
And in SCSS file you need to specify behaviour (Note: syntax below is using DACSSlide additions to SCSS):
#center {
opacity:0;
}
.s2 {
#hello: move(50,100);
#center {
background-color:red;
opacity:1;
::up(20);
}
}
.s3 {
#hello:move(+100,+100);
}
...
Where .sN
means behaviour for slide (keyframe) N
.