HTML5 and CSS3
CSS Range Sliders
Image with Captions
Panoramic Image Animation
CSS Mouse Over Captions
HTML Symbols and Codes
CSS Code Snippets
CSS Text Effects
HTML Scroll Box
CSS Card Flip
Click for a CSS range slider and rgb colour manipulation demo
Click for a demonstration of how to embed and position captions over images
Click for a panoramic animation using javaScript and the HTML5 canvas.
Click for a page with images each with a different CSS mouse over caption reveal effect
Click here for HTML codes corresponding to Greek letters, Maths notation and special characters.
Click to view an ever-growing list of useful CSS code snippets.
Click for a list of CSS static and dynamic text effects.
Click for a page with a scroll box containing a poem and some audio files.
Click for a CSS playing card flip demonstration with a 'chase the ace' game.
Background Slideshow Generated by Vegas.js
If you have custom software requirements, email:
ARKADYEVNA Development
HTML5 and CSS3 Examples and Reference Pages
This is the index for pages that rely predominantly on CSS and HTML code for their functionality. When I'm writing code for web page animations I think of what I'm trying to achieve and ask myself the question, can I achieve it using CSS or HTML rather than javaScript. If the answer to that question is yes I develop css or html solutions in preference to javascript because the code runs smoother.
The CSS for these pages is embedded in the 'head' section of each page and as such is easily available if you want it. Any comments regarding the CSS code are welcome. the HTML code is what it is (we all have our own HTML style).