Tag Archives: beautiful

Develop beautiful cloudy spiral using CSS animation effects

By | September 14, 2018

CSS animation effects to bring with beautifull cloudy spiral effects. code, download and demo available.Code using <i></i> html element and css properties. Demo Download Author Hakim El Hattab Official Page: Go to website Created JULY 03, 2013 License Open Compatible browsers Chrome, Firefox, Opera, Safari HTML <div class=’wrapper’> <i></i> <i></i> <i></i> <i></i> <i></i> <i></i> <i></i> <i></i> <i></i> <i></i>… Read More »

92 CSS Text styling and Effects

By | October 27, 2017

Hand picked CSS text style and effects with special text Animation. Developed using HTML, CSS, javascript, jQuery and SVG. Demo and Download the zip (*.zip) CSS Glitched Text Pure CSS glitched, noisy, analog-y text.Developed By: Lucas BebberCreated: JANUARY 11, 2014 Demo Download CSS Text filling with water A text filling with water animation, for preloaders and such.Developed By:… Read More »

Dynamic JSON Articles Card List

By | September 25, 2017

Attractive and beautiful article cards in dynamic JSON request data. Developed using JavaScript, jQuery, CSS, HTML. Demo and Download the zip (*.zip). This tutorial covers awesome article navigations with previous, next and close button options. Dynamic JSON Articles Card List using JavaScript HTML Snippet CSS Snippet jQuery Snippet Find the demo below See the Pen JSON | Articles… Read More »

Simple Fun Little Loader

By | September 25, 2017

Beautiful simple light weighted animated Attractive loader using Pure CSS, HTML only. Demo and Download the zip (*.zip). Awesome loader code below HTML Snippet <div class=”loader”> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> CSS Snippet html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } *, *:before, *:after { box-sizing: border-box; outline: none;… Read More »

Trendy Add Button with beautiful CSS3 Animation

By | September 21, 2017

Beautiful Plus Button with animation using CSS, HTML and jQuery. This trendy User Interface Add Button is easy to integrate with any desktop and mobile website for add with tooltip options. Demo and Download the zip (*.zip). Awesome Plus button with animation using CSS3 & jQuery HTML Snippet <div class=”centered”> <div class=”plus” id=”plus”> <div class=”plus__line plus__line–v”> <a href=”#”… Read More »

Get 28 CSS loaders

By | September 14, 2017

Hand picked CSS spinner, loader and preloader with css3 Animation. Developed using HTML, CSS, javascript and jQuery. Demo and Download the zip (*.zip) Gooey preloader See the Pen Gooey preloader by Mikael Ainalem (@ainalem) on CodePen. Features: HTML, CSS, Beautiful Animation, loader, svg Developed By: Mikael Ainalem Download Linkedin new preloader See the Pen New linkedin loader by… Read More »