DHTML, XHTML, HTML, Basic HTML5 and CSS3 Posts are listed here
Used the HTML5 Animation effect for trasnform with translate effects.
CodePen Url:
Menu Transition Effect
Embeded Codepen:
See the Pen
Menu Transition Effect
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
HTML CSS Horizontal Bar Graph to mention the skill set aboout my skills for my CV Site
Refences:
https://www.hongkiat.com/blog/data-visualization-with-css-graphs-charts-and-more/
Used Site Example:
Karthikeyan CV Green Theme in Skills Section
CodePen Url:
Horizontal Bar Graph
Embeded Codepen:
See the Pen
Horizontal Bar Graph
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
HTML CSS Dot line Graph to mention the skill set aboout my skills for my CV Site
Refences:
https://www.hongkiat.com/blog/data-visualization-with-css-graphs-charts-and-more/
http://www.dynamicdrive.com/dynamicindex11/linegraph.htm
Used Site Example:
Karthikeyan CV Red Theme
CodePen Url:
Dot Line Graph
Embeded Codepen:
See the Pen
Dot Line Graph
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
Circle Loader
SVG Smooth Circle Loader using HTML5 Animation Animate Transform.
Reference:
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animateTransform
CodePen Url:
Circle Loaders
Embeded Codepen:
See the Pen
Circle Preloader
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
JS Accordion.
CodePen Url:
CSS Accodrion
Embeded Codepen:
See the Pen
CSS Accodrion
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
CSS Half Gradient Circle. Used for CSS Speedometer view in one of the intranet project the needle display with js.
CodePen Url:
CSS Half Gradient Circle
Embeded Codepen:
See the Pen
CSS Half Gradient Circle
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
https://github.com/bkarthikeyan1988/codepen-files/blob/master/info.txt
About
SVG Smooth Circle and Check mark animation.
Animated using HTML5 Animation concepts with the stroke-dashoffset.
CodePen Url:
Checkbox Animation
Embeded Codepen:
See the Pen
Checkbox Animation
by Karthikeyan (@karthikeyan) on CodePen 1
Courtesy:
Info Text
Blog About