Before CSS3, we could only implement 2D plane animation on web pages, but with the popularity of CSS3 technology, we can easily implement a 3D cube on web pages. What I bring to you today is a 3D cube box based on jQuery and CSS3. We can browse every face of the box by dragging and dropping the mouse. In addition, the face of the 3D box can be customized with a cover image. Cho…
CSS3 provides a lot of properties to achieve 3D effects. We have also shared some card animations based on CSS3 and HTML5 before. This time we bring you another CSS3-based card stacking animation, which can stack several cards up and down, and give the card a glowing effect when the mouse rolls over. The stacked cards give people a 3D visual effect.
Before, we have shared all kinds of web menus, some based on jQuery, some based on HTML5 and CSS3, many of them are cool and useful. Today we are going to bring you another cool HTML5 3D menu, each menu item is a 3D style floating bubble, click on the menu item to activate the current menu.
In modern web pages, we can often find the "Like" button on some article, video, and picture pages, and click the button to indicate whether we like or dislike the content. Most "Like" buttons are plain text buttons or image buttons. If you want them to have special animation effects, then we need to use CSS3 or JavaScript. This article brings you a Like but…
We have shared a lot of CSS3 Loading animations with different styles before. This time we bring you another hexagonal loading animation based on pure CSS3. The characteristic of this Loading animation is that there are many small hexagons combined into a big six. Hexagons, the combination of small hexagons and large hexagons is switched continuously while waiting for loading.
We know that CSS3 can be used to create a lot of cool 3D animation effects. For example, a CSS3 menu to be shared this time. It takes advantage of some features of CSS3 to realize the 3D animation effects when the menu is expanded. When the mouse is over the menu item, the menu item will also show a glowing effect, so that the overall visual effect is better and three-dimension…