Sign up to create your own snipts, or login.

Public snipts » transparent The latest public transparent snipts.

showing 1-6 of 6 snipts for transparent
  • ∞ Transparent DIV 
    .transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

    copy | embed

    0 comments - tagged in  posted by actionbasic on Feb 14, 2010 at 8:11 p.m. EST
  • ∞ RGB CSS Opacity 
    h1 {
background: transparent url(black50.png);
background: rgba(0, 0, 0, 0.5) none;
}

div {
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
border: 10px solid rgba(255, 255, 255, 0.3);
}

    copy | embed

    0 comments - tagged in  posted by curosio on Dec 01, 2009 at 5:25 a.m. EST
  • ∞ PNG transparent 1x1px generator 
    <?php
/*****************************************************************
 * Script for automatic generation of one pixel
 * alpha-transparent images for non-RGBA browsers.
 * @author Lea Verou
 * @version 1.0 beta
 * Licensed under a MIT license
 *****************************************************************/

######## SETTINGS ##############################################################

/**
 * Enter the directory in which to store cached color images.
 * This should be relative and SHOULD contain a trailing slash.
 * The directory you specify should exist and be writeable (CHMOD 666 or 777).
 * If you want to store the pngs at the same directory, leave blank ('').
 */
define('COLORDIR', 'rgba/');


/**
 * If you requently use a color with varying alphas, you can name it
 * below, to save you some typing and make your CSS easier to read.
 */
$color_names = array(
	'white' => array(255,255,255),
	'black' => array(0,0,0)
	// , 'mycolor' => array(red value, green value, blue value)
);


/**
 * If you don't want the generated pngs to be stored in the server, set the following to
 * false. This is STRONGLY NOT RECOMMENDED. It's here only for testing/debugging purposes.
 */
define('CACHEPNGS', true);



######## NO FURTHER EDITING, UNLESS YOU REALLY KNOW WHAT YOU'RE DOING ##########

$dir = substr(COLORDIR,0,strlen(COLORDIR)-1);
if(!is_writable($dir))
{
	die("The directory '$dir' either doesn't exist or isn't writable.");
}

$rgb = $color_names[$_GET['name']];

$red	= is_array($rgb)? $rgb[0] : intval($_GET['r']);
$green	= is_array($rgb)? $rgb[1] : intval($_GET['g']);
$blue	= is_array($rgb)? $rgb[2] : intval($_GET['b']);
$alphaurl = $_GET['a'];

// "A value between 0 and 127. 0 indicates completely opaque while 127 indicates completely transparent."
// http://www.php.net/manual/en/function.imagecolorallocatealpha.php
$alpha = intval(127 - 127 * ($alphaurl / 100));

// Does it already exist?
$filepath = COLORDIR . "r{$red}_g{$green}_b{$blue}_a{$alphaurl}.png";

if(/*CACHEPNGS and */file_exists($filepath))
{
$url = "http://{$_SERVER['HTTP_HOST']}/{$filepath}";
header("Status: 301");
die(header("Location: {$url}"));
}
else
{
	// Send headers
header('Content-Type: image/png');
header("Expires: ".gmdate("D, d M Y H:i:s", strtotime('+5 years'))." GMT"); 


	$img = @imagecreatetruecolor(1,1) or die('Cannot Initialize new GD image stream');
	
	// This is to allow the final image to have actual transparency
	// http://www.php.net/manual/en/function.imagesavealpha.php
	imagealphablending($img, false);
	imagesavealpha($img, true);
	
	// Allocate our requested color
	$color = imagecolorallocatealpha($img, $red, $green, $blue, $alpha);
	
	// Fill the image with it
	imagefill($img,0,0,$color);

    // Save the file
	imagepng($img,$filepath,0,NULL);
	
	// Serve the file
	imagepng($img);
	flush();
	
	// Free up memory
	imagedestroy($img);
}
?>

    copy | embed

    0 comments - tagged in  posted by aidilfbk on May 25, 2009 at 7:49 a.m. EDT
  • ∞ Transparent css *all browsers 
    .transparent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

    copy | embed

    0 comments - tagged in  posted by dani on Jan 25, 2009 at 9:37 a.m. EST
  • ∞ Semi-Transparent PNG on IE By Fabrizio Calderan 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Test Background PNG24</title>
        
        <style type="text/css">
        body {
            background          : url(immagine-test.jpg) top left no-repeat; 
            color               : #fff;
        }
        
        
        
        .overlay { 
            background-image	: url(bg30.png); 
            width               : 300px;
            height              : 200px;
        }
        </style>

        <!--[if lte IE 6]>
            <style type="text/css">
            .overlay {
                background-image	: url(bg100.gif);
                filter				: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="bg30.png", sizingMethod="scale");
            }
        </style>
        <![endif]--> 
        
            
        
    </head>

<body>

    <div class="overlay">
    Prova testo su sfondo trasparente al 30%
    </div>

</body>
</html>

    copy | embed

    0 comments - tagged in  posted by azote on Jan 16, 2009 at 9:00 a.m. EST
  • ∞ transparent css all browsers 
    .transparent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

new:

.transparent {
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, version anterior de safari */
    -moz-opacity: 0.5;       /* firefox, mozilla, netscape */
    opacity: 0.5;           /* safari, chrome, opera */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*internet explorer 8 - gracias Andres */
    }

    copy | embed

    2 comments - tagged in  posted by curosio on Dec 30, 2008 at 8:11 a.m. EST
Sign up to create your own snipts, or login.