Today we’d like to share an experimental 3D layout with you. The idea is to show some information about a gallery’s exhibition in an interesting way. Each artist has a “room” in the gallery which shows the schedule for the exhibition. When clicking on one of the navigation buttons, we move away from the current room and proceed to the next (or previous) one with an animation.For this experiment we are using the animation library anime.js

A cool effect made using CSS and JavaScript depicting a planet (Mars) with a rotating 3D effect, as well as some text which together compose a cool presentation slide or card. The sphere has a constant rotation speed, but you can drag it as well to increase it.

CSS Only 3D Hover Effect

Saturday, 11 February 2017

A tilt effect that’s achieved using only CSS. This effect is becoming popular fo web applications and apps rapidly and it’s usually achieved using jQuery or JavaScript. However, this version does not require any of them, making the page load time decrease considerably.

JavaScript 3D Text Input

Wednesday, 28 December 2016

A 3D text input perfect to animate a game or a website focused on games. It uses very little CSS, but uses JavaScript to provide functionality. The text can be easily styled and it doesn’t take too much time to load.

3D Animated Mockup is a  simple template to showcase your application features through a smooth 3d animation, powered by CSS and jQuery.

3D Skew Side Menu is a for off-canvas menu effects and styles using CSS transitions and jQuery.

Adaptor is a light-weight content slider that aims to provide a simple interface for developers to create cool 2D or 3D slide animation transitions.

3D Card is a CSS3 transform’s perspective and rotation. The previewer consists of a list of 3D Card movie posters tilted to the right and one featured movie blown up full size. You can switch in between featured movies by clicking on each movie poster.

3D page fullscreen animated transition with CSS3 and jQuery.

A tutorial that shows how to recreate the four tiles slideshow effect using 3D transforms, transitions and animations. The aim is to implement a smooth effect and add some variations.

Page 1 of 2