CSS flexbox float right



References https://stackoverflow.com/questions/36601231/flexbox-float-right

Read More

Align Items in CSS using Flexbox

References https://www.w3schools.com/cssref/css3_pr_align-items.asp https://www.w3schools.com/css/css3_flexbox.asp

Read More


Dynamically add animations using jQuery with ease:

You can also detect when an animation ends:

You can change the duration of your animations, add a delay or change the number of times that it plays:

References https://github.com/daneden/animate.css https://daneden.github.io/animate.css/

Read More

CSS3 Animations

An animation lets an element gradually change from one style to another.

Delay an Animation

Set How Many Times an Animation Should Run

use the value “infinite” to make the animation continue for ever Run Animation in Reverse Direction or Alternate Cycles

Specify …

Read More

CSS3 Transitions

CSS3 transitions allows you to change property values smoothly (from one value to another), over a given duration.

Change Several Property Values

Specify the Speed Curve of the Transition

Delay the Transition Effect

Transition + Transformation

References http://www.w3schools.com/css/css3_transitions.asp

Read More

CSS3 2D Transforms

translate() The translate() method moves an element from its current position (according to the parameters given for the X-axis and the Y-axis).

rotate() The rotate() method rotates an element clockwise or counter-clockwise according to a given degree.

scale() The scale() method increases or decreases the size of an …

Read More

CSS media Query

if screen width is less than 768px use this custom style:

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp http://www.w3schools.com/css/css_rwd_mediaqueries.asp http://www.w3schools.com/css/css3_mediaqueries_ex.asp http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp

Read More

How to overlay one div over another div in HTML

use position: relative on the parent and child element with position: absolute.

References http://stackoverflow.com/questions/2941189/how-to-overlay-one-div-over-another-div

Read More