css 只写div右边的阴影怎么写?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 只写div右边的阴影怎么写?相关的知识,希望对你有一定的参考价值。
参考技术A box-shadow: 5px 0 0 0 rgba(0, 0, 0, 0.2); 参考技术B 10px 0px 10px 10px;第一个是横
第二个是竖
第三个是纯色延伸
第四个是渐变延伸 参考技术C text-shadow可以让我们实现完美的文字阴影效果。基本写法:
text-shadow:[颜色 x轴 y轴 模糊半径],[颜色 x轴 y轴 模糊半径]...
或者
text-shadow:[x轴 y轴 模糊半径 颜色],[x轴 y轴 模糊半径 颜色]... 参考技术D 一般是右侧和下侧的边框线造成的效果,或者就是背景图片。 第5个回答 2012-10-09 给DIV加上下面的样式:
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=180,strength=4);/*ie*/
-moz-box-shadow: 5px 0 5px #909090;/*firefox*/
-webkit-box-shadow: 5px 0 5px #909090;/*safari或chrome*/
box-shadow:5px 0 5px #909090;/*opera或ie9*/
java的div的click多个事件怎么写,想要的效果是点击div,从左边跳到右边,来回五次。求大神指导!
<script>
var obox=document.getElementById('box');
obox.addEventListener('click' , function(e)
obox.style.marginLeft='1000px';
,false);
var wbox=document.getElementById('box');
wbox.addEventListener('click' , function(e)
wbox.style.marginLeft='100px';
,false);
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RunJS 演示代码</title>
<style>
body
overflow-x:hidden;
#content
text-align:center;
line-height:100px;
background-color:red;
width:100px;
height:100px;
position:absolute;
left:0;
</style>
<script>
var inter=null,count=0,dir=1,gap=30;
var go=function()
inter=setInterval(function()
var le=parseFloat(content.style.left)||content.offsetLeft;
var b=document.documentElement.clientWidth||document.body.clientWidth;
var max_width=b-content.offsetWidth;
le+=gap*dir;
if(le>=max_width)
dir=-1;
count++;
le=max_width;
else if(le<=0)
dir=1;
count++;
le=0;
content.style.left=le+"px";
if(count==5)
clearInterval(inter);
,30);
</script>
</head>
<body>
<input type="button" value="GO" onclick="go()"/>
<div id='content'>
content
</div>
</body>
</html> 参考技术B 用setinterval控制事件 animate 展现动画追问
能帮我写一下吗?这块儿不懂。
以上是关于css 只写div右边的阴影怎么写?的主要内容,如果未能解决你的问题,请参考以下文章
如何使用CSS实现DIV层的左下角、右下角圆角效果,以及右边和下边有阴影效果?