草庐IT

UnityShader(六)透明效果

全部标签

javascript - KineticJS strokeWidth 为 1 会导致模糊的半透明线而不是尖锐的 1 像素线

我环顾了互联网但一无所获,我查看了其他KineticJS示例,这些示例在其矩形上使用strokeWidth为1,它们似乎都有一条半透明的2像素线而不是漂亮的锐利1px不透明的黑线。现在,我猜测由于Google没有任何解决方案非常简单或不可能,但是..你知道我如何使用KineticJS获得1像素的边框吗?$(window).load(function(){varstage=newKinetic.Stage({container:"kineticdiv",width:700,height:400});varlayer=newKinetic.Layer();varrect=newKineti

javascript - 改变除一个 Div 之外的所有元素的不透明度

我正在尝试淡化网页上除一个div之外的所有元素。我已经能够使用以下jQuery淡出所有元素:$('*').css('opacity',.3);但是,不透明度似乎是从父元素继承的属性,即使我明确地将div的不透明度设置为1。我现在对任何解决方案一无所知,所以我可以在这里得到一些帮助吗? 最佳答案 如果您想要使这个特定的div在视觉上脱颖而出,您可以考虑一种类似于用于模态窗口/灯箱的方法。使用高z-index绝对定位div,然后在突出显示的div和其余内容之间堆叠另一个div,具有深色背景颜色和中等不透明度。这实际上会使页面的其余部分“

javascript - 更改 Google Maps JavaScript API v3 圈外的 map 不透明度

所以我目前在map上画了一个圆圈:varoptionsCercle={center:latlang,map:map,radius:1000,fillOpacity:0.1,strokeWeight:0};this.circ=newgoogle.maps.Circle(optionsCercle);现在我将圆圈内部设置为fillOpacity:0.1,但我想做的是将map上除圆圈内部之外的所有内容设置为fillOpacity:0.1。我希望我的视口(viewport)中除了圆圈之外的所有东西都被“模糊掉”。我怎样才能做到这一点? 最佳答案

javascript - Angular Material mdTabs - 如何只获得标签动画的效果而不是内容?

我想获得当有人单击选项卡时的动画效果,并且该选项卡下方的边框向右滑动,按钮具有漂亮的波纹效果。我不想使用标签里面的内容,我只是想要标签效果。如您所见,单击第二个选项卡将使边框向右滑动,但内容也会向左移动。作为效果的一部分,我只希望选项卡按钮向右滑动。我怎样才能做到这一点? 最佳答案 你可以在样式中添加这个[role="tabpanel"]{transition:none;} 关于javascript-AngularMaterialmdTabs-如何只获得标签动画的效果而不是内容?,我们在

javascript - 网页不透明度?

我经常看到网站上的表格有60-80%的不透明度。他们看起来真的很酷,但我不确定他们为什么要这样做。是Javascript,还是图像?如何更改表格的不透明度? 最佳答案 您可以在CSS中完成,但需要一些技巧才能使其跨浏览器工作。selector{filter:alpha(opacity=50);/*internetexplorer*/opacity:0.5;/*fx,safari,opera,chrome*/-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"

javascript - 我怎样才能将焦点放回具有较低 z-index 的对象,尝试在 map 顶部创建一系列透明 div

如果我有一个父div,上面有一个子div,我可以给父div焦点而不隐藏子div吗?我正在使用GoogleMapsAPI并想在其上绘制一个透明div网格以插入信息,但是,由于所有这些小div都在我的map上,我无法拖动map。我确信我可以使用API来做到这一点,但这有点离题了,因为无论我在什么基础上工作,我都想这样做。Someoverlayinformation我正在使用JQuery并弄乱了.focus()但没有成功。谢谢! 最佳答案 事实证明,您可以使用jQuery“传递”事件:$(document).ready(function(

javascript - jQuery show() 因 last()、after() 和 "blind"效果而失败

我从jQuery1.10.2中得到一个错误,这是最后一个错误,我想知道是否有人对此问题有任何(其他)解决方案。我的脚本从一个模型(项目模型)创建多个DIVblock(命名项目),在最后一个之后添加当前并以“盲”效果显示它。这是代码,但您也可以在thislink在线测试它.MODELAdd5items$(".addBtn").click(function(){for(vari=0;i问题与:last和insertAfter()相同。逻辑:第一项很好地显示并且它的效果发生了(或者没有,另一个错误?但是时间过去了)在效果动画期间,元素被外包或替换。下一个项目被插入到DOM之外(事件ifaft

javascript - 在移动 safari 中创建这种效果?

我想在移动版Safari中创建这种效果。http://jqueryfordesigners.com/demo/header-slide.html我正在使用iScroll4。我想将iScroll与这个示例混合使用。http://jsfiddle.net/tdQmQ/3/(这是我到目前为止所拥有的,使用鼠标像触摸事件一样轻弹)标题不应该在滚动区吗?如果有人能指出我正确的方向,那就太好了。最大的问题是锁定iScroll的滚动事件,我不知道如何。谢谢编辑:我终于构建了我要找的东西,http://jsfiddle.net/tdQmQ/25-仍然需要修复z-index,以便标题显示在克隆框上方。E

javascript - 具有 100% 不透明度颜色的 angular-chart.js 条形图

2017年6月2日更新:我们解决了问题,但不是根据此处的答案。如果我找到了,我会尝试添加我们现有的解决方案。我们还切换到使用d3的angular-nvd3。编辑1:在选项中添加了backgroundColor,仍然不起作用。不确定我是否将其放在正确的位置。使用示例here.如何让颜色填充100%?JS:$scope.labels=['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'];$scope.type='StackedBar';$scope.series=['2015','2016'];//

javascript - 如何实现这种运动模糊着色器效果?

我尝试创建类似此链接底部页面上的雪效果http://blog.edankwan.com/post/my-first-christmas-experiment.其他一切正常但无法使运动模糊效果起作用。有任何想法吗?用于实现运动模糊效果的纹理Sprite代码如下:(function(global){varimg='https://i.imgur.com/hlmsgWA.png'varrenderer,scene,cameravarw=800,h=320varuniformsvargeometryvartexture,materialvarguivarconf={amount:200,spe