MENU

Tagged ‘SCSS’

A 2 in 1 Banner Ad

October 4, 2017 • An amazing snippet for a 300x600px vertical banner ad with two parts. Each part expands to the...

Pure CSS Long Gradient Text Shadow

October 2, 2017 • This is a very nice text shadow effect that is created in pure CSS, JS used only to toggle...

Velo Slider

September 30, 2017 • A slider snippet with interaction using Velocity and Velocity effects (UI Pack) to enhance the...

Smooth 3D Perspective Slider

September 20, 2017 • Here’s a smooth slider with some slick animation and perspective 3D direction aware...

Spread Cards

September 10, 2017 • A very nicely coded snippet of a stack of cards spreading and folding on click. All of this is...

Animated Bar Graph

September 5, 2017 • This is a demo for an animated bar graph with some 3D like appearance. This is all created...

CSS-Only Directional Aware Hover

August 27, 2017 • Using :hover and the sibling selector (~), you can apply different styles to elements based on...

Responsive Slider with Motion Blur

August 6, 2017 • This is an experiment that simulates a motion blur effect every time a slide is switched. It...

3D Step Counter Card

May 28, 2017 • CSS only 3D bar chart showing weekly step counts with some nice animation. Coded by Steve...

MoceanModals: Animated Modals

May 20, 2017 • MoceanModals is a free set of animated modals for your enjoyment. Choose from 3D, Sliders or...

CSS-Only Nested Dropdown Navigation

May 12, 2017 • In this demo is a nested dropdown navigation that is coded in pure CSS with some nice...

3D Orbiting Split Images

May 9, 2017 • Here’s a very nice and unique image effect where the image is split in 4 pieces and...

Alphabet Soup – Rearrange Scattered Text To Form Message

April 25, 2017 • This is a very impressive snippet where scattered text with gather around to form a message...

Diet Pie Chart

April 22, 2017 • Here’s a nicely designed and coded demo for an interactive Diet Pie Chart with some...

Flickering Neon Text Effect in Pure CSS

April 17, 2017 • Here’s a fun flickering neon text effect coded in pure CSS and no JS. A wonderful...

Pure CSS Typing Text Effect

March 30, 2017 • Funny trick with typing text effect that is usually created with JS . Fully customizable...