Pens from Vinícius Stutz https://codepen.io/vinicius-stutz/ en nospam@codepen.io Copyright 2024 2023-04-24T19:15:00-07:00 CSS Gradient Text https://codepen.io/vinicius-stutz/pen/NWOpwor https://codepen.io/vinicius-stutz/pen/NWOpwor Vinícius Stutz

See the Code - See it Full Page - See Details

]]>
CSS Gradient Text 2023-04-24T19:15:00-07:00
SCSS & JS Code Typewriter https://codepen.io/vinicius-stutz/pen/JjKgmyv https://codepen.io/vinicius-stutz/pen/JjKgmyv Vinícius Stutz

See the Code - See it Full Page - See Details

Code Typewriter with SCSS and JS

]]>
SCSS & JS Code Typewriter 2020-11-24T02:23:49-07:00
Bootstrap 4.3.1 Carousel One-by-one https://codepen.io/vinicius-stutz/pen/ExxMbaq https://codepen.io/vinicius-stutz/pen/ExxMbaq Vinícius Stutz

See the Code - See it Full Page - See Details

]]>
Bootstrap 4.3.1 Carousel One-by-one 2019-11-21T02:58:08-07:00
Page Slides Navigation https://codepen.io/vinicius-stutz/pen/mddBepN https://codepen.io/vinicius-stutz/pen/mddBepN Vinícius Stutz

See the Code - See it Full Page - See Details

Slideshow-style navigation, taking up the entire screen area with each section.

]]>
Page Slides Navigation 2019-10-29T20:15:26-07:00
Custom dropdown with HTML and CSS https://codepen.io/vinicius-stutz/pen/LYYjZMK https://codepen.io/vinicius-stutz/pen/LYYjZMK Vinícius Stutz

See the Code - See it Full Page - See Details

Dropdowns ("select" HTML elements) customized with CSS only.

]]>
Custom dropdown with HTML and CSS 2019-10-28T14:07:08-07:00
CSS Flat Icons with Animation https://codepen.io/vinicius-stutz/pen/ZEEJOxx https://codepen.io/vinicius-stutz/pen/ZEEJOxx Vinícius Stutz

See the Code - See it Full Page - See Details

CSS Flat Icons with animations on hover

]]>
CSS Flat Icons with Animation 2019-10-28T13:56:23-07:00
Draggable Blurred Box https://codepen.io/vinicius-stutz/pen/BaaBwKQ https://codepen.io/vinicius-stutz/pen/BaaBwKQ Vinícius Stutz

See the Code - See it Full Page - See Details

A dragged box with a blurred background full of effects.

]]>
Draggable Blurred Box 2019-10-03T19:17:54-07:00
Template https://codepen.io/vinicius-stutz/pen/RwbzZVw https://codepen.io/vinicius-stutz/pen/RwbzZVw Vinícius Stutz

See the Code - See it Full Page - See Details

]]>
Template 2019-10-03T18:30:07-07:00
Pure CSS Status Icons https://codepen.io/vinicius-stutz/pen/OJLemyx https://codepen.io/vinicius-stutz/pen/OJLemyx Vinícius Stutz

See the Code - See it Full Page - See Details

A quick foray into pure css icons. There are multiple methods to achieve these, but the goal here was to create as much through as little markup as possible. I was able to create all of these with a single element, using only one pseudo selector.

]]>
Pure CSS Status Icons 2019-10-03T21:18:50-07:00
Card Animation https://codepen.io/vinicius-stutz/pen/XWrLRWQ https://codepen.io/vinicius-stutz/pen/XWrLRWQ Vinícius Stutz

See the Code - See it Full Page - See Details

Card animation with CSS and Javascript (jQuery). Inspired by https://dribbble.com/shots/1883370-Active-Pipe-Card-Animation.

]]>
Card Animation 2019-10-05T20:52:58-07:00