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>

参考技术A <!DOCTYPE html>
<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层的左下角、右下角圆角效果,以及右边和下边有阴影效果?

如何使用CSS实现DIV层的左下角、右下角圆角效果,以及右边和下边有阴影效果?

css只要左右边和下边不要上边的阴影怎么写?

CSS 阴影怎么写?

如何用CSS实现DIV块的阴影效果

如何用CSS实现DIV块的阴影效果