Animista CSS Animations

Misc

Home Page – Animista Animista is a place where you can play with a collection of ready-to-use CSS animations, tweak them and download only those you will actually use. http://animista.net/

Text Animations with Blast JS & Velocity JS

Misc

Blast JS just explodes a string and wraps up the words or characters with span or div so you can animate them individually with different timing to produce awesome text animations. I used the following method on one of my client’s projects: I used blast js to...

Fadein Effect to Web Page on Page Load

Misc

Add the following styles to your stylesheet or as internal styles and you are ready.@keyframes pageFadeIn {  from { opacity:0; }  to { opacity:1; }}@-moz-keyframes pageFadeIn {  from { opacity:0; }  to { opacity:1; }}@-webkit-keyframes pageFadeIn...

Breakup Points – Media Queries Followed By Bootstrap 4

Misc

Here is a CSS media queries extracted from Bootstrap 4 – mobile first framework for website user-interface development. CSS Media Queries // Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { … } // Small devices...

Bootstrap 4 – Sass Mixins

Misc

// No media query necessary for xs breakpoint as it’s effectively `@media (min-width: 0) { … }` @include media-breakpoint-up(sm) { … } @include media-breakpoint-up(md) { … } @include media-breakpoint-up(lg) { … } @include...