后使用快捷导航没有帐号？
只需一步，快速开始
查看: 2235|回复: 20
求一个css代码，图片由暗变亮的
UID17176在线时间 小时积分2642帖子离线17201 天注册时间
银牌会员, 积分 2642, 距离下一级还需 358 积分
网上找的都是由灰变亮，别人要的是由黑乎乎在变亮。现在的效果&&
UID17176在线时间 小时积分2642帖子离线17201 天注册时间
银牌会员, 积分 2642, 距离下一级还需 358 积分
。。。。。。。。。。
UID500900在线时间 小时积分4889帖子离线17201 天注册时间
金牌会员, 积分 4889, 距离下一级还需 111 积分
楼主稍等 我给你找找
http://懒人图库网址/js/tupian-337.html
PS:我擦 网址被禁止了 发不了
[[i] 本帖最后由 millionfor 于
08:19 编辑 ]
UID33573在线时间 小时积分3607帖子离线17201 天注册时间
报告楼主，chrome下看到的全是亮的，没有你所谓的那个东西。
UID419809在线时间 小时积分2318帖子离线17201 天注册时间
银牌会员, 积分 2318, 距离下一级还需 682 积分
你是要这样子的么
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
&body style=&margin:0&&
&div style=&margin:100&&
&div style=&position: width:111 height:18 background-color:#000000; filter:Alpha(opacity=100); opacity:1;& id=&aa& onmouseover=&bb();& onmouseout=&cc()&&&/div&
&img src=&/images/default/logo.gif& width=&111& height=&18& /&
function bb(){
document.getElementById(&aa&).style.filter=&Alpha(opacity=10)&;
document.getElementById(&aa&).style.opacity=&0.1&;
function cc(){
document.getElementById(&aa&).style.filter=&Alpha(opacity=100)&;
document.getElementById(&aa&).style.opacity=&1.0&;
&提示：您可以先修改部分代码再运行
UID117017在线时间 小时积分8430帖子离线17201 天注册时间
1楼的在chrome下完全无效果.
5楼的在chrome下直接黑-图,中间没有动态.
UID491699在线时间 小时积分4736帖子离线17201 天注册时间
金牌会员, 积分 4736, 距离下一级还需 264 积分
根本没有这种让图片本身变亮的代码。如果一定要让图片渐变色，唯一的方法是用canvas画。
UID33573在线时间 小时积分3607帖子离线17201 天注册时间
回复 7# iifksp
为什么会没有呢，先降低透明度，然后再提升透明度，背景色是黑色的，这样不就可以了么。
UID17176在线时间 小时积分2642帖子离线17201 天注册时间
银牌会员, 积分 2642, 距离下一级还需 358 积分
UID17176在线时间 小时积分2642帖子离线17201 天注册时间
银牌会员, 积分 2642, 距离下一级还需 358 积分
5楼的弟兄，ie下没有过度效果啊
UID245126在线时间 小时积分4342帖子离线17201 天注册时间
金牌会员, 积分 4342, 距离下一级还需 658 积分
做一个png的遮罩，然后 setTimeout opacity 0.1 - 1
UID494384在线时间 小时积分8058帖子离线17201 天注册时间
回复 6# wwwtf92com
希望图片没有吓到大家，无恶意的哟
&!DOCTYPE HTML&
&html lang=&zh-CN&&
&meta charset=&utf-8&&
&title&Demo&/title&
a {display:width:380height:340 border-radius:20-webkit-box-shadow:0 0 10px rgba(0,0,0,3);background-color:#000}
a img { opacity:0;border-radius:20 box-shadow:inset 0 0 100px rgba(0,0,0,1); border:1px solid #000;}
a img:hover {opacity:1;box-shadow:inset 0 0 100px rgba(0,0,0,0); border:0-webkit-transition: all 1s ease-in-}
&div&&a href=&#&&&img alt=&& src=&http://a4./94/26/12494.jpg& /&&/a&&/div&
&提示：您可以先修改部分代码再运行
UID117017在线时间 小时积分8430帖子离线17201 天注册时间
回复 12# baihe107
圆角，阴影，渐变。。。 chrome收下，IE9无视。
UID419809在线时间 小时积分2318帖子离线17201 天注册时间
银牌会员, 积分 2318, 距离下一级还需 682 积分
回复 10# nirs [楼主] 的帖子
本来就没写过度效果
只是给你思路的建议而已 在图上浮动个同样大小的黑色DIV 然后改变透明度
UID17176在线时间 小时积分2642帖子离线17201 天注册时间
银牌会员, 积分 2642, 距离下一级还需 358 积分
&STYLE type=text/css&BODY {
& & & & MIN-WIDTH: 800px ! MARGIN-TOP: 0px ! PADDING-TOP: 0px !important
#wm-ipp A:hover {
& & & & TEXT-DECORATION: underline !important
&style type=&text/css&&
.trans_img
{filter:alpha(opacity=30,enabled=1) blendtrans(duration=1);
border:0 solid black}
&script language=javascript&
function transImg(obj,enable)& & & & {
obj.filters.blendtrans.Apply();
obj.filters[0].enabled=
obj.filters.blendtrans.Play();
&SCRIPT type=text/javascript&
var wmDisclaimBanner = document.getElementById(&wm-ipp&);
if(wmDisclaimBanner != null) {
& &disclaimElement(wmDisclaimBanner);
&!-- END WAYBACK TOOLBAR INSERT --&
&TABLE border=0 cellSpacing=0 cellPadding=0&
& & &TD&&IMG alt=Mondino src=&photos_files/001.jpg& class=&trans_img& onMouseOver=&transImg(this,0)& onMouseOut=&transImg(this,1)&&&/TD&
这是现在的代码。是灰度过度到正常的效果。谁能帮我改成黑色过度到正常图片的效果？类似ps里加上个黑色蒙版，然后透明度80%这样的。
大家帮忙啊
UID494384在线时间 小时积分8058帖子离线17201 天注册时间
其实可以试试css3遮罩(svg)什么的，不过呢chrome貌似没有safari支持的好
UID529578在线时间 小时积分2467帖子离线17201 天注册时间
银牌会员, 积分 2467, 距离下一级还需 533 积分
大不留大不留大不留./?source=mediav&subSource=fchf13
挺符合你的要求的，自己扣看看
UID17176在线时间 小时积分2642帖子离线17201 天注册时间
银牌会员, 积分 2642, 距离下一级还需 358 积分
原帖由 [i]bios9x 于
17:37 发表
大不留大不留大不留./?source=mediav&subSource=fchf13
挺符合你的要求的，自己扣看看
就这个效果，咋扒下来啊
UID491699在线时间 小时积分4736帖子离线17201 天注册时间
金牌会员, 积分 4736, 距离下一级还需 264 积分
回复 8# phantom
理解错了。看成图片本身。刚好之前和朋友讨论过，结果反而被狭隘了思维。
UID564917在线时间 小时积分55帖子离线17201 天注册时间
初级会员, 积分 55, 距离下一级还需 145 积分
图片前面放一个黑色DIV。然后透明度？
UID416396在线时间 小时积分3312帖子离线17201 天注册时间
金牌会员, 积分 3312, 距离下一级还需 1688 积分
额~介个帖子不应该在水区吧~
Powered by[消息]求高清原图——IDOL新闻
一键登录 无需注册
爱豆账号登录
[消息]求高清原图
万能的鸟宝宝们 求这张高清原图谢谢谢谢谢谢
粉丝追星神器 追行程 收资源 和小伙伴们尽情勾搭
一手，独家信息
直播清晰流畅
INS，推特，动态
图集，视频，行程等
扫一扫下载
爱豆公众号
深圳市爱豆网络技术有限公司
IDOL NETWORK
门票专辑，定期大派送
还有明星见面机会呦~求一张图片上有只苍蝇那张！_魔兽世界吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：9,217,833贴子：
求一张图片上有只苍蝇那张！
类似这种的，好图的话我送种子，你懂的——来自
有这么高科技了吗？
CGWANG原画培训 「零基础全额退费保障」,原画名企委托培训,高薪工作不是梦
大家晚上好啊,快点睡觉去，晚安，晚安,,,
来人 快——来自
顶上去 继续求！——来自 诺基亚 Lumia 920
还有人有吗——来自 诺基亚 Lumia 920
先声明：我不要种子，纯属助人。图片来自：图片来自：
ui培训哪个好，0基础+双证+实战「就业无忧」
这口味。。。
贴吧热议榜
使用签名档&&
保存至快速回贴发生了一个美丽而个性的错误：
没有找到你要找的页面！
可能的原因如下：
贵手可能键入的地址有误（个性网认为你永远是正确的）
个性网把这个页面遗失了（小编罚站中......）
网络上又堵塞了（电信网通对小编白眼......）有钱没钱回家过年，提前祝大家春节快乐！
几年来，有关苹果想要让 MacBook 接纳 ARM 技术的传闻一直都没有散去。尽管人们的猜测...
对于喜欢火纹的玩家来说，看到它能够在手游上进行如此脱胎换骨般的革新，是一件值得欣...
几大市场当中只有中国业务下滑，苹果今年会打出什么牌呢？
“为新iPhone提价预留空间”这种话就少说点吧，毕竟攒点压岁钱也不容易。
相较于上一代的 Galaxy Tab S2，Galaxy Tab S3 据传将在硬件方面带来诸多升级。
苹果将利用债券销售来进行股票回购和股息发放。
有时候，我们需要这样惬意的iPhone配件~
这对于熟悉该系列的玩家来说，无疑省去了重新认识游戏的麻烦。
游戏的过程中，会让你觉得背景的纵深视野相当开阔，配合亮丽的风景确实让人心生愉悦。
玩家将会扮演一名可以独立执行任务的火器专家，完成捣毁克拉肯秘密基地的使命。
该作依旧继承了火纹系列的战棋玩法，并且制作了全新的故事剧本，系列众多作品中的人物...
与《像素鸟》相比，似乎本作已经失去了那种独特的东西。
如果你也喜欢找个安静的角落，找个颜值高又不费钱的小游戏活动活动脑细胞，推荐试一试...
《DROP'd》首先在画面上就一改以往的昏沉灰暗，使用了相当明亮的色调，一下子让人倍感...
有时候，我们需要这样惬意的iPhone配件~
为新的手机推出适配的产品，配件商也要与时俱进~
坦白说，要想将 iPhone 带到水下进行拍摄仍然不是一件容易的事情。
不少用户宁愿等这款耳机也不买AirPods。
据Strategy Analytics的数据显示，苹果上季度创纪录地发货520万只Apple Watch，AW成为...
AirPods的固件更新，你发现了吗？
黑色的AirPods，和黑色的iPhone更搭哦。
亚马逊较为宽松的认证环境已经催生了250多款兼容Alexa产品，而拿到苹果认证的仅有100...
这张壁纸很适合亮黑，求高清原图
注册时间 最后登录
在线时间7133 小时 UID
帖子 精华1
主题帖子人气
金苹果, 积分 2876, 距离下一级还需 124 积分
发表于 昨天&09:03
有高人能搜到吗？求打包附件。
(57.19 KB, 下载次数: 1)
昨天&09:03 上传
<p id="rate_75632" onmouseover="showTip(this)" tip="威锋有你更精彩&人气 + 1
" class="mtn mbn">
威锋有你更精彩
威锋旗下产品
Hi~我是威威！
沪公网安备 29号　|　沪ICP备号-1
新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!