Playgrounds
Snippets
Developers
Compiler
All
ActionScript
Ajax
AngularJS
Apache
AppleScript
ASP.NET
Bash
C
C#
C++
Coffee
CoffeeScript
ColdFusion
Command
CSS
Delphi
Django
ES6
GLSL
Grunt
Gulp
HAML
Haskell
HTML
iOS
Jade
Java
JavaScript
jQuery
JSX
Less
LUA
MDX
MySQL
Objective
Other
Pascal
Perl
PHP
Plain text
PowerShell
Processing
Progress
Prolog
Pseudocode
Python
Rails
RegExr
Ruby
SASS
Scala
Scheme
SCSS
SmallBASIC
Smarty
SQL
Stylus
SVG
Swift
TypeScript
VHDL
X++
XHTML
XML
Xojo
XSLT
New snippet
New playground
Sign up
Login
Upload
Playgrounds
Snippets
Developers
Sign up
Login
Codepad is a place for developers to share code snippets (PHP, Java, Bash, C, C++, Python and more). Create your HTML, CSS and JS Demos.
Sign up
Learn more
CSS
50
snippets by
Juliette Tworsey
Fixed Footer with CSS
CSS
0
8
2209
Create icons using only CSS
CSS
3
8
3554
SCSS: Z-index map
SCSS
3
13
3789
Pulsating background color CSS Animation
SASS
0
4
2640
Gradient Borders in CSS
CSS
0
10
2954
SCSS: Center/Middle-aligned Content Box
SCSS
1
2
1391
SCSS: "Slack" preloader on pure CSS
SCSS
2
5
1997
Perfect Full Page Background Image
CSS
4
19
3285
Basic CSS Grid System
CSS
1
7
2070
Cross browser inline-block
CSS
0
2
1454
Flexbox three column grid
HTML
0
4
1422
Transparent overlay on image hover
HTML
0
2
1195
Linear gradient w/background image
CSS
0
2
1644
retina-display media query
CSS
0
3
1099
Opacity SCSS Mixin
SCSS
0
2
1108
Vertical Alignment SCSS Mixin
SCSS
0
1
1165
Alignment SCSS Mixin
SCSS
0
2
1206
Helpful SASS Mixins
SASS
0
1
1157
Flex-parent mixin
SASS
1
3
1853
Clearfix sass mixin
SCSS
0
5
3536
CSS: Crossbrowser blur effect
CSS
0
3
1767
CSS3 button glare effect
CSS
0
3
1605
Flexbox Equal Height Columns
0
29
9575
Navigation menus with CSS Flexbox
0
17
10407
Animations & Layers, just HTML and CSS
3
27
6369
Smoke Effects in CSS and JavaScript
1
17
48453
Flat Accordion
2
41
4399
Pure CSS Popup Box on Hover
1
19
26370
Properties for the flexbox container
2
68
23619
A single flexbox wrapping 5 colunm based row containing many wrapping columns
1
14
1244
Responsive CSS Lightbox with No JavaScript
HTML
6
66
20588
HTML5 Tabs with CSS3 and Responsive Design
1
19
5114
Custom drop down menu v1.0
2
19
8279
Thunder Rain - WIP
1
10
1164
Animated buttons
1
11
1195
Collapsible Menu CSS, very Simple Example
1
15
4273
Expandable side menu CSS
1
22
3080
Same columns height with display:table-cell
0
18
1610
Float Menu
1
16
1847
Minimal Navbar
1
24
6777
3D Buttons v2
1
33
3873
Shape loaders and color effects with CSS3
2
49
8080
NoJS Accordion
1
10
1744
Blend Mode Experiment #2
1
17
1680
Animated Menu
1
13
1974
EXPLORE THE NATURE
6
33
3260
Click To Change The Color
2
26
2378
CSS Modal
2
12
1306
Socials Water Wave
0
13
1678
Sticky Note - Peel Effect CSS
1
13
6346