Advertise here

CSS3 & CSS

Grid Layout with Motion Hover Effect and Content Preview

May 24, 2018     518     CSS3 & CSS Animation Grid & Layout
Grid Layout with Motion Hover Effect and Content Preview

A tutorial about creating retro-style grid layout with a playful motion hover effect on the grid items. When clicking on a grid item, a content preview opens.

Read More »

Masked Circle Slider

January 15, 2018     770     Slider CSS3 & CSS
Masked Circle Slider

Masked Circle Slider is a slick slider with a nice mask effect by using CSS and javascript.

Read More »

Expanding Grid Item Animation with CSS and Javascript

November 08, 2017     1534     CSS3 & CSS Animation Grid & Layout
Expanding Grid Item Animation with CSS and Javascript

A tutorial about creating grid item animation where the thumbnail scales up when the details view is opened by using CSS animations and javascript.

Read More »

Sliced Dual Image Layout with CSS & Javascript

September 28, 2017     1051     Slider CSS3 & CSS Effects
Sliced Dual Image Layout with CSS & Javascript

A tutorial about creating some layouts with sliced background images, slideshow functionality and glitch effect by using CSS and javascript.

Read More »

Picostyle – Ultra Small CSS in JS Library

September 01, 2017     891     CSS3 & CSS
Picostyle – Ultra Small CSS in JS Library

Picostyle is ultra lightweight CSS-in-JS library. Picostyle works well with Media Queries, Pseudo-element and Pseudo-classes.

Read More »

Morphing Page Transition with CSS and Javascript

August 14, 2017     1414     CSS3 & CSS Effects
Morphing Page Transition with CSS and Javascript

A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.

Anime.js used for the animations and Charming.js used for some letter effects.

Read More »

Cool Layout with Complex Chainable Animation

July 22, 2017     899     CSS3 & CSS Animation
Cool Layout with Complex Chainable Animation

A tutorial about creating cool layout with complex chainable animation by using css animation and javascript.

Read More »

jcSlider – Responsive Slider jQuery Plugin with CSS Animations

July 19, 2017     1032     Slider CSS3 & CSS Responsive Animation
jcSlider – Responsive Slider jQuery Plugin  with CSS Animations

jcSlider is a jQuery plugin to create responsive slider with CSS animations.

Read More »

Letter Effects and Interaction Ideas

June 07, 2017     1025     CSS3 & CSS Effects Animation
Letter Effects and Interaction Ideas

A couple of ideas for typography animations and letter (hover) effects for playful interactions. Anime.js is used to create animations.

Read More »

Ember Burger Menu – Off-Canvas Sidebar Component with CSS Animations

May 02, 2017     4458     CSS3 & CSS Menu Animation
Ember Burger Menu – Off-Canvas Sidebar Component with CSS Animations

Ember Burger Menu is an off-canvas sidebar component with a collection of animations and styles using CSS transitions.

Read More »

Polished – Lightweight Toolset for Writing Styles in JavaScript

March 30, 2017     931     CSS3 & CSS
Polished – Lightweight Toolset for Writing Styles in JavaScript

Polished is a lightweight toolset for writing styles in JavaScript.

  • Make your app look great without stress
  • Cross framework compatible: No matter if you're using styled-components, aphrodite, radium or plain inline styles, as long as you're writing your styles in JavaScript you can use polished!
  • Switching from a pre-processor to styles in JS made easy

Read More »

Foxholder – 15 Placeholder Form Animations with jQuery

March 28, 2017     1348     CSS3 & CSS Form Elements Animation
Foxholder – 15 Placeholder Form Animations with jQuery

Foxholder is a pack of 15 unique placeholder animations created by using jQuery.

List of Features

  • Smooth and professional-looking CSS3 animations for placeholder
  • 15 unique effects
  • Easy to install
  • Crossbrowser Effects (IE 9+, Safari 9+, FF, Opera, Chrome, Edge)

Read More »

Expanding Bar Navigation Concept with Javascript

March 24, 2017     892     CSS3 & CSS Animation
Expanding Bar Navigation Concept with Javascript

An experimental tab-like navigation concept where a content area is opened with an animation once an item is clicked.

Read More »

Image Mask Effect with CSS & jQuery

February 15, 2017     1735     CSS3 & CSS Effects
Image Mask Effect with CSS & jQuery

An immersive transition effect powered by image masks and CSS transforms using jQuery.

Read More »

Inspiration for Search UI Effects with CSS Animations and Javascript

February 08, 2017     2256     CSS3 & CSS Effects Animation
Inspiration for Search UI Effects with CSS Animations and Javascript

A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations and javascript.

There are 11 different examples of search effects that you will find it inspirational.

Read More »

AdvertisementAdvertise with us!