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 Tricks
26
snippets by
Avan C.
SCSS: Correct use "em" with "rem" without "px"
SCSS
0
16
11379
CSS Blend Modes
CSS
0
4
2078
Gradient Borders in CSS
CSS
0
10
2764
Object Fit in CSS
CSS
0
3
2171
position: sticky in CSS
CSS
1
5
2377
Using Hardware Acceleration in CSS
CSS
2
14
4935
Unicode Classes in CSS
CSS
0
5
2038
Margins in Firefox Buttons
CSS
0
4
2000
Parallax background image scroll
SCSS
0
2
1889
Vertical align via table display
CSS
0
3
1363
Useful SCSS Hierarchy and BEM Naming
SCSS
0
4
1389
Avoid break on submenu
CSS
2
3
1352
Sprite with mixins in Stylus
CSS
0
2
1782
List of CSS cursor properties
CSS
0
7
3210
SCSS Media Queries Mixin
SCSS
0
2
1890
SCSS Font Smoothing Mixin
SCSS
0
8
2364
Centering Genesis Responsive Slider Excerpt
CSS
0
1
2472
Full Screen Search Box CSS
CSS
0
1
2385
Placeholder fade effect
CSS
0
0
1205
Placeholder color
CSS
0
4
1316
Border Radius SCSS Mixin
SCSS
1
2
1439
Alignment SCSS Mixin
SCSS
0
1
1249
Rem fallback mixin
SCSS
0
4
1312
Perfect Full Page Background Image
CSS
4
19
3102
Basic CSS Grid System
CSS
1
7
1958
CSS star rating
HTML
1
6
1833