Oz Web Services
  • Home
  • WP
  • PHP
  • JS
  • CSS
  • SCSS
  • HTML
  • XML
  • JSON
  • SQL
  • .htaccess
  • Apache
  • Nginx
  • INI
  • HTTP
  • Diff
Search shortcode

Property: text-overflow

/* from: http://css3clickchart.com/#text-overflow */
.target {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; /* or "clip" */
}

Property: box-sizing

/* from: http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
/* apply a natural box layout model to all elements, but allowing components to change */
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

Text Shadow

/* x-offset, y-offset, blur radius, color */
.text_shadow {
	text-shadow: x_offset y_offset blur_radius color;
}
/* multiple shadows, comma-separated */
.text-shadow {
	text-shadow: shadow1, shadow2, shadow3;
}

/* from http://www.themeshock.com/css-text-shadow/ */
.pressed {
	color: #222;
	text-shadow: 0px 1px 1px #4d4d4d;
}
.embossed {
	color: #066;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.neon {
	color: #fff;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
	letter-spacing: 5px;
}
.fire {
	color: #fff;
	text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
}
.3D {
	color: #fff;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}
.retro {
	color: #990F0A;
	text-shadow: 5px 5px 0px #EEE, 7px 7px 0px #707070;
}
.acid {
	color:#00ff0f;
	text-shadow: 0px 0px 10px #00ff0f, -1px -1px #000;
}
.shadow {
	color:#333;
	text-shadow: -5px 5px 5px rgba(0,0,0, 0.3);
}
.alpha {
	color: rgba(0, 174, 239, 0.2);
	text-shadow: rgba(0, 0, 30, 0.08) 0px 5px 2px;
}
.alpha3D {
	color: transparent;
	text-shadow: rgba(245, 245, 255, 0.35) 0 0px 0px, rgba(0, 0, 30, 0.08) 0px 2px 2px, rgba(0, 0, 30, 0.20) 0px 2px 1px, rgba(0, 0, 30, 0.40) 0px 2px 1px, rgba(0, 0, 0, 0.08) -5px 5px 2px;
}
.anaglyphs {
	color: rgba(0, 168, 255, 0.5);
	text-shadow: 3px 3px 0 rgba(255, 0, 180, 0.5);
}
.blur {
	color: rgba(255, 255, 255, 0.1);
	text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.5), 0px 0px 10px rgba(255, 255, 255, 0.5);
}

Example: CSS

#tagged, .tag a {
	color: #3B3F42;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	-ms-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
a:hover {
	color: #3B3F42;
	width: 100%;
	text-decoration: underline;
	border-bottom: 3px solid #35ab43;
	font-size: 2em;
	background: #444444 url(images/background.png) no-repeat top left;
	background: #444444 url("images/background.png") no-repeat top left;
}
a:focus {
	color: #3B3F42;
	font-size: 2.5em;
	border: 1px solid #aaa;
}
div:first-child {
	color: #3B3F42;
}
Oz Web Services
Copyright © 2015-2025 All Rights Reserved