Paper With Sellotaped Corners

4.01.2021

Playing around with CSS to make a sellotaped paper effect.

Made with: HTML,CSS

View Code

Paper With Sellotaped Corners

Rounded, Folded Tags

2.04.2020

Made with: HTML,CSS

View Code

PlaceholderRounded, Folded Tags

Tucked Corners

24.03.2020

Tucked corners (1 element, flexible method).

Made with: HTML,CSS (SCSS)

View Code

Tucked Corners

Fancy Corners With Gradients In Css Masks

23.03.2020

Made with: HTML,CSS (SCSS)

View Code

Fancy Corners With Gradients In Css Masks

Image With Corner Frame

4.10.2019

Made with: HTML,CSS (SCSS)

View Code

Image With Corner Frame

Folded Corner

31.08.2019

Made with: HTML,CSS

View Code

Folded Corner

Corner Border Button

20.04.2019

Made with: HTML,CSS (SCSS)

View Code

PlaceholderCorner Border Button

Box Corners Animation

22.06.2018

Box corners animation in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Box Corners Animation

Card With Rounded Corners

17.04.2018

Simple approach to inverted rounded corners in CSS.

Made with: HTML,CSS (SCSS)

View Code

Card With Rounded Corners

Random Rounded Corner

24.05.2017

Random rounded corner and blend mode.

Made with: HTML,CSS

View Code

Random Rounded Corner

Tucked Corners

28.08.2016

Pure CSS tucked corners.

Made with: HTML,CSS

View Code

Tucked Corners

Dynamic Sharp Corners

25.11.2015

Dynamic sharp corners in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Dynamic Sharp Corners

Css Box Corners

19.10.2015

Infinity glowline CSS corners box / buttons

Made with: HTML (Haml),CSS (SCSS)

View Code

Css Box Corners

Css Flat Folded Corner

25.08.2015

Using linear-gradients to create the folder corner effect and a pseudo-element to create the flat long shadow.

Made with: HTML,CSS

View Code

Css Flat Folded Corner

Bubble Corner Effect

5.06.2015

Pure CSS bubble corner effect for display short messages at hover.

Made with: HTML,CSS (SCSS)

View Code

Bubble Corner Effect

Pixel Corners

20.02.2015

Pure CSS pixel corners.

Made with: HTML,CSS

View Code

Pixel Corners

Css Scooped Corners

30.09.2013

Made with: HTML (Pug),CSS (SCSS)

View Code

Css Scooped Corners

Post-It Note With Lifted Corners

15.08.2012

A post-it note that has shadows on opposite corners to simulate lifted corners.

Made with: HTML,CSS

View Code

Post-It Note With Lifted Corners