While working on one of my projects found these awesome transition effect that changes the search icon to text box and fork it from their codepen.
Reference/Same Type Example:
CodePen Url:
Animated Search Icon and Form
Embeded Codepen:
See the Pen
Animated Search Icon and Form
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
While working for one of my project found these awesome carousel and fork it from codepen.
Reference:
CodePen Url:
3D Cube Carousel
Embeded Codepen:
See the Pen
3D Cube Carousel
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
While working for one of my project found these awesome link and fork it from codepen.
Reference:
CodePen Url:
Ultimate Arrow Mixins
Embeded Codepen:
See the Pen
Ultimate Arrow Mixins
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
CodePen Url:
SCSS Main Mixins
Embeded Codepen:
See the Pen
SCSS Main Mixins
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
While working for one of my project found these awesome link and fork it from codepen.
Reference:
https://gist.github.com/richardtorres314/26b18e12958ba418bb37993fdcbfc1bd
Example:
Minimilistic Resume
In this site, used the flex concept and order concent for responsive.
CodePen Url:
SCSS Flex Mixins
Embeded Codepen:
See the Pen
SCSS Flex Mixins
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
While working for one of my project found these awesome link and fork it from codepen.
Reference:
https://jonsuh.com/hamburgers/
CodePen Url:
Hamburger Menu Animation
Embeded Codepen:
See the Pen
Hamburger Menu Animation
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
CodePen Url:
CSS Tabs
Embeded Codepen:
See the Pen
CSS Tabs
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
CodePen Url:
Responsive Table
Embeded Codepen:
See the Pen
Responsive Table
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
Outline Color strips are used as tabs and using transform, translate and transition effects tabs are changing.
CodePen Url:
CSS Color Transition Tabs
Embeded Codepen:
See the Pen
CSS Color Transition Tabs
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
Fork it from another one codepen user.
Reference:
https://codepen.io/bbodine1/pen/novBm
CodePen Url:
SCSS/CSS Checkbox Styles
Embeded Codepen:
See the Pen
SCSS/CSS Checkbox Styles
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About