Category: CSS

CSS 3 – Transitions and Effects

CSS 3 – Transitions and Effects

Description With CSS 3 transition you can make some cool animations without Flash or JS Support. Effects Below are list of effects: Linear Ease Ease-in Ease-out Ease-in-out Cubic-bezier(n,n,n,n) Usage transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;-o-transition:all 1s linear 0s;-moz-transition:all 1s.

Read More →
CSS 2 – Opacity – All browsers

CSS 2 – Opacity – All browsers

Description With CSS 2 opacity you can make any element transparent or translucent without JS or Flash support. Usage opacity: .5; filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; Demo No Opacity 100% Black Opacity 60% Black Opacity 30% Black Opacity 10% Black

Read More →
CSS 3 – Scale Transition – All Browser

CSS 3 – Scale Transition – All Browser

Description With CSS 3 scale transition you can zoom-in and zoom-out animations without Flash or JS Support. Effects Below are two browser transition codes which will help you make amazing animation from CSS3: transform transform-origin Usage -webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);transform:.

Read More →