Post thumbnail: CSS Shining Text Effect

CSS Shining Text Effect

external link

Using simple CSS background-clip technique, the text can be made to show like it’s under the spotlight and shining in the dark.

Post thumbnail: Spring/Bounce Hover Effect

Spring/Bounce Hover Effect

external link

Here is some text which will contain some links for you to hover and see how nice a cubic-bezier can make your hover effects, it’s like a mini animation without the @keyframes!

Post thumbnail: Neumorphism / Soft UI Radio Buttons

Neumorphism / Soft UI Radio Buttons

external link

Neumorphism / Soft UI radio button group in HTML and CSS (with ::before/::after, box-shadow, transition, transform).

Post thumbnail: HTML DEL and INS with CSS


external link

Speed code: Quote with HTML del and ins tags and CSS for hover effect. Code by Tony Banik.

Post thumbnail: HTML and CSS Accessible Medium Tag Selector Form

HTML and CSS Accessible Medium Tag Selector Form

external link

Speed code: Accessible Medium tag selector form. Medium’s homepage currently allows you to select a list of topics to get you started when creating an account. At the time of this the elements are just a collection of divs that prevent keyboard users with interacting with the interface. This uses checkboxes to fix the issue.

Post thumbnail: CSS 3D Button

CSS 3D Button

external link

Speed code: CSS 3d button with hover and active effect. Made with ::before pseudo-element, transform-style: preserve-3d and transform: translate3d();.

Post thumbnail: Simple CSS Social Card

Simple CSS Social Card

external link

Simple social card in HTML and CSS with hexagon Material Icon. Used pseudo elements ::before and ::after, Flexbox, position: absolute, linear-gradient(), transition and etc.