" CSS Sombras"
" A propriedade shadow -box nos permite adicionar sombra a uma imagem , um parágrafo ou bloco ( DIV).O problema é que essa propriedade não está disponível em todos os navegadores , e temos de adicionar a propriedade que cada navegador está incorporada.
Firefox 3.5 em diante:
-Moz -box -shadow : 5px 5px 5px # C0C0C0 ;
WebKit, Chrome e Safari:
- Webkit -box -shadow : 5px 5px 5px # C0C0C0 ;
Internet Explorer 8
Ms - filtro : " progid: DXImageTransform.Microsoft.Shadow ( color = # C0C0C0 direção = 125 de força = 5) ";
Internet Explorer em geral:
Filtro : progid: DXImageTransform.Microsoft.Shadow (cor = # C0C0C0 direção = 125 , força = 5);
Para versões anteriores do Internet Explorer 8 é necessário para acrescentar largura ou altura.
Podemos adicionar os estilos de sombra diretamente onde iremos adicioná-lo."
Isso bloquear conteúdo<div style="-moz-box-shadow: #C0C0C0; 8px 0px 0px 1px solid border: rgb(204, 204, 204); margin-bottom: 1.5em; padding: 1px;"> estilo div < = padding " : 0.5em; text-align: center ">Isso bloquear conteúdo< / div> < / div>
Podemos também acrescentar a folha de estilo
antes de ]]></ B: skin>
. Div (sombra
height: 30px ;
padding: 10px;
width: 450px ;
font-size: 18px ;
margin: 10px auto ;
text-align : center;
border: 1px # C0C0C0 sólidos;
background-color : # F0C2D1 ;
height: 30px ;
padding: 10px;
width: 450px ;
font-size: 18px ;
margin: 10px auto ;
text-align : center;
border: 1px # C0C0C0 sólidos;
background-color : # F0C2D1 ;
-Moz -box -shadow : 3px 4px 4px # ccc ;
- Webkit -box -shadow : 3px 4px 4px # ccc ;
Ms - filtro : " progid: DXImageTransform.Microsoft.Shadow ( color = # C0C0C0 direção = 125 de força = 5) ";
Filtro : progid: DXImageTransform.Microsoft.Shadow (cor = # C0C0C0 direção = 125 , força = 5);
- Webkit -box -shadow : 3px 4px 4px # ccc ;
Ms - filtro : " progid: DXImageTransform.Microsoft.Shadow ( color = # C0C0C0 direção = 125 de força = 5) ";
Filtro : progid: DXImageTransform.Microsoft.Shadow (cor = # C0C0C0 direção = 125 , força = 5);
}
Quando queremos mostrar a DIV acrescentar:
class="sombra-div"> <div
Isso bloquear conteúdo</ Div>
Se você adicionar uma imagem:
. Shadow -imagem (
padding: 0.1em ;
width: 200px ;
height: 210px ;
Cor de fundo : # FFF ;
border: 1px # C0C0C0 sólidos;
padding: 0.1em ;
width: 200px ;
height: 210px ;
Cor de fundo : # FFF ;
border: 1px # C0C0C0 sólidos;
-Moz -box -shadow : 3px 4px 4px # ccc ;
- Webkit -box -shadow : 3px 4px 4px # ccc ;
Ms - filtro : " progid: DXImageTransform.Microsoft.Shadow ( color = # C0C0C0 direção = 125 de força = 5) ";
Filtro : progid: DXImageTransform.Microsoft.Shadow (cor = # C0C0C0 direção = 125 , força = 5);
- Webkit -box -shadow : 3px 4px 4px # ccc ;
Ms - filtro : " progid: DXImageTransform.Microsoft.Shadow ( color = # C0C0C0 direção = 125 de força = 5) ";
Filtro : progid: DXImageTransform.Microsoft.Shadow (cor = # C0C0C0 direção = 125 , força = 5);
}
class="sombra-image"> <div<img src = "url" da imagem "border = "0" /></ Div>
Ou qualquer outro texto
Qualquer texto aqui
. tex Shadow (
text-shadow : # 000 2px 3px 4px;
color: # F0C2D1 ;
font-size: 48px ;
text-shadow : # 000 2px 3px 4px;
color: # F0C2D1 ;
font-size: 48px ;
Filtro : progid: DXImageTransform.Microsoft.Shadow (cor = # C0C0C0 direção = 125 , força = 5);
}
class="sombra-tex"> <pQualquer texto aqui </ P>
Sorte Bilosony2 ™
fonte e créditos:
você está em: http://noticiashoje3x.blogspot.com
.ico "EDIHITT"){kind=small}
{if(document.pnctLoadStarted)return;var%20d=document.createElement('div');d.setAttribute('id','pnctPreloader');d.setAttribute('style','position:fixed;top:0;bottom:0;left:0;right:0;z-index:100501;background-color:rgba(255,255,255,.9);padding:20px;text-align:center;font-family:helvetica;font-size:20px;font-weight:bold;');d.innerHTML='%D0%97%D0%B0%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B0...<a%20id="pnctCancelBtn"%20href="#"%20style="float:right;width:24px;height:24px;text-decoration:none;border:1px%20solid%20#ccc;border-radius:5px"><img%20src="//postila.ru/images/window_close.png"%20alt="x"/></a>';document.body.appendChild(d);document.pnctLoadStarted=(new%20Date()).getTime();document.pnctCnclLoad=function(){document.pnctLoadStarted=0;pl=document.getElementById('pnctPreloader');if(pl)pl.parentNode.removeChild(pl)};document.getElementById('pnctCancelBtn').addEventListener('click',function(e){e.preventDefault();document.pnctCnclLoad()});setTimeout(function(){var%20st=document.pnctLoadStarted;if(st>0&&((new%20Date()).getTime()-st>=14000)){document.pnctCnclLoad();alert('%D0%9A+%D1%81%D0%BE%D0%B6%D0%B0%D0%BB%D0%B5%D0%BD%D0%B8%D1%8E%2C+%D0%BF%D0%BE%D0%B8%D1%81%D0%BA+%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BE%D0%BA+%D0%BD%D0%B5%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%B5%D0%BD.')}},15000);var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','//postila.ru/post.js?ver=1&m=b&rnd='+Math.random()*99999999);document.body.appendChild(e)})());)
Nenhum comentário:
Postar um comentário
Mensagem do formulário de comentário: