Paper Effects

33 snippets

Browse Paper Effects examples — animations, layouts, typography, and visual effects. Filter the directory below.

css-paper-effects

Snippets(33)

3D Tilting Moleskine Notebooks
A 3d tilting moleskine notebooks built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, SCSS
Features
3D Transforms, Hover Animations, Paper Textures
Responsive
Yes
Brochure
A brochure built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
intermediate
Responsive
Yes
CSS Apple Crumble Recipe
A css apple crumble recipe built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, CSS
Difficulty
beginner
Responsive
Yes
CSS Notebook Paper
A css notebook paper built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
css3
Difficulty
easy
Responsive
Yes
CSS Notepad Paper
A css notepad paper built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS, HTML
Difficulty
beginner
Responsive
Yes
CSS Paper With Shadows
A css paper with shadows built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
beginner
Features
Box Shadows, 3D Effect
Responsive
Yes
CSS Paper Works
A css paper works built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Intermediate
Responsive
Yes
CSS Stacked Paper Effect
A css stacked paper effect built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS3
Difficulty
beginner
Responsive
Yes
CSS Striped Paper
A css striped paper built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS3
Difficulty
beginner
Features
linear-gradients, paper-texture
Responsive
Yes
CSS-Only Letter-Like Form with Inline Fields
A css-only letter-like form with inline fields built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Form Elements Html+5 more
Demo Code
Difficulty
Beginner
Features
Inline inputs, Paper aesthetic, CSS-only
Responsive
Yes
CSS3 Paper Effect
A css3 paper effect built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS3
Difficulty
beginner
Responsive
Yes
CSS3 Paper Fold
A css3 paper fold built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Intermediate
Features
3D Transform, Paper Effect
CSS3 Paper-Edge Effect
A css3 paper-edge effect built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS3
Difficulty
Intermediate
Responsive
Yes
Folded Paper Login Form
A folded paper login form built with modern frontend techniques for responsive and reusable UI.
Form Elements Html Frontend Ui Modern Design+3 more
Demo Code
Difficulty
intermediate
Responsive
Yes
Folding Paper CSS3 Animation
A folding paper css3 animation built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Intermediate
Features
3D Transforms, CSS Animations
Hand-Drawn Retro Radio Group
A hand-drawn retro radio group built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, CSS
Difficulty
Intermediate
Browser support
Chrome 60+, Edge 79+, Firefox 60+, Safari 12+
Features
Paper Texture, Jitter Animation, Bounce Effect, Scanline Overlay
Responsive
Yes
Lifted Paper Strips (Hover Effect)
A lifted paper strips (hover effect) built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
Intermediate
Features
3D Transform, Hover Effect, CSS Animation
Responsive
Yes
Lined Paper Background with Perforations
A lined paper background with perforations built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS3
Difficulty
intermediate
Features
CSS Gradients, Paper Texture Simulation
Responsive
Yes
Love Is in the Air...
A love is in the air... built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Intermediate
Features
Keyframe Animations, Pseudo-elements
Notebook Paper
A notebook paper built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Html Frontend Ui+3 more
Demo Code
Technologies
CSS
Difficulty
beginner
Responsive
Yes
Notepad
A notepad built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Responsive
Yes
Paper
A paper built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
beginner
Responsive
Yes
Paper
A paper built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Responsive
Yes
Paper
A paper built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Responsive
Yes
Paper
A paper built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
beginner
Responsive
Yes
Paper Textarea
A paper textarea built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
intermediate
Features
skeuomorphism, custom-textarea
Responsive
Yes
Paper with Sellotaped Corners
A paper with sellotaped corners built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
Beginner
Responsive
Yes
Pinned Card
A pinned card built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+3 more
Demo Code
Difficulty
beginner
Responsive
Yes
Pretty Map folding with CSS
A pretty map folding with css built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
intermediate
Features
CSS 3D Transforms, Paper Animation
Pure CSS Paper Lift Effect
A pure css paper lift effect built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Beginner
Features
3D Transform, Hover Effect
Responsive
Yes
Sci-Fi Movie Poster Gallery With 3D Effects
A sci-fi movie poster gallery with 3d effects built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Features
3D transforms, hover effects, interactive gallery
Responsive
Yes
Styled Paper With Subtle Lines and Shadow
A styled paper with subtle lines and shadow built with modern frontend techniques for responsive and reusable UI.
Text Formatting Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Features
lined paper effect, drop shadow, digital stationery
Responsive
Yes
To-Do List
A to-do list built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, CSS, JavaScript
Difficulty
Beginner
Features
Paper effect, Skew transformation, Interactive checkboxes
Responsive
Yes

Snippets(33)

related hubs