Created by a web developer in the Philippines, here’s a great navigation menu tutorial that uses only CSS. View the DEMO, then click on the image to see how it is done. Incoming search terms for the article: css 1 logo html5 slick menu slick menu css slick menu with logos
In creating animated transitions, Javascript has always been implemented but German web designer Heiko Stiegert has made it using only CSS. You can do this by using CSS3 pseudo-class :target and negation pseudo-class :not () properties together with CSS3 Transition Module. Get the DEMO here. Check out his tutorial on building an accordion image gallery [...]
Here’s an awesome CSS3 animation effect by Peter Magenheimer. It’s an animated pixel font that is created with 100% pure CSS3, no Javascript or images! The animation is activated by simply hovering your mouse cursor over a letter. By doing so, a number of pixel elements come in and gather on a specific area of [...]
Today’s featured CSS tutorial comes from a web designer and developer who goes by the name of Luky VJ, and the aforementioned tutorial is about creating a rotating menu. If you find the design kind of familiar it’s because it is actually a modified version of the menu from CSS3Create. You can find the CODE [...]
It’s impressive how some single-page websites are designed, particularly in the way they transition from one section of the page to the next. Most of these effects are done with the use JavaScript and Sergio Camalich shows us that we can accomplish pretty much the same feat with his CSS3 tutorial. Click on the image [...]
Here’s a great plugin that will boost your site’s appearance. The jQuery Transit is created by Rico Sta. Cruz which boasts of super-smooth CSS3 transitions. Check out this tutorial by clicking on the image. Incoming search terms for the article: jquery transit jquery transit bounce jquery transit smashing jquery transit tutorial jquery transit tutoriel
Here’s a very neat CSS trick that really makes good use of the text-shadow attribute. It is created by Sawyer Hollenshead and he simply calls it the “Depth Of Field effect.” The effect is animated with the use of jQuery and as you will see in the demo, it really looks cool. Basic HTML5 mark [...]
Looking for a design for your online store website? Here’s a very nice layout that’s well-suited for product online selling websites, called the ‘E-Store’. This is a single-page layout designed by a web designer at Script-Tutorials in which HTML5 and CSS3 features are used so it is easier for all website owners to modify. The [...]
Here’s an eye-catching halftone navigation menu that would look beautiful in your website’s design. Creator Martin Angelov shows you how to make this using CSS3 and jQuery. Check out the DEMO and DOWNLOAD the file, then click on the image below to launch the tutorial. Incoming search terms for the article: how to do jQuery [...]
Martin Angelov’s jQuery bubble animation effect is ideal for portfolio or gallery websites. It is very easy to use and highly customizable though it doesn’t work well with older versions of IE since it utilizes CSS3. You can also use this effect to create backgrounds and headers. Since the plugin is made to resize automatically, [...]
0
1397
389
