Hello guys, this time i wanted to create 3 simple CSS3 Loading Animations. I remember that CSS3 Loading Animations are only visible in Firefox, Safari and Chrome.
All posts in CSS2 / CSS3.0
Zoomerang.js is a drop-in library that allows your users to zoom in on (almost) any element on your existing page. No setup, arbitrary styling.
Background motion circles :
- Any Background Color
- Any Circle Sizes
- Any Position
- Any Speed
- Most Browsers Compatible
- Most mobile devices
Today I’d like to share with you a little jQuery plugin that creates an image slider which gives more information when clicked on. I’ve also included a bunch of built-in animations for the modal windows giving some pretty cool effects.
Responsive CSS3 Data Grids are used to present typical tabular data. Their advantages over the standard table are expandable rows in a form of drop down accordion sections, ability to highlight individual rows, hover states, table cell and headings tooltips. In addition the table is fully responsive and adapts well to the resolution of different mobile devices like iPad or iPhone by grouping the data into rows. Additional drop down panel allows to show / hide selected columns for easier data comparison.
- Pure CSS3 + HTML,
- Responsive Layout,
- IE8 JS Fallback,
- Expandable Rows,
- Ability To Expand Multiple Rows At Once,
- Ability To Expand Only One Row At Once,
- Ability To Expand Selected Rows By Default At Startup,
- Ability to Highlight Single Table Row,
- Hover States,
- Columns Filtering,
- CSS3 Tooltips,
- 4 Predefined Color Skins
Sticky social bar is a simple container of social media icons, glued to the right side of the browser window. Each element in the sticky social bar is animated using css3 transitions and transform rules.