草庐IT

CSS中3D变换和gradient效果

全部标签

javascript - 为滚动添加弹跳效果

我正在尝试创建一种平滑的滚动体验**,并在用户过度滚动时产生反弹效果,即过度滚动到底部或顶部。Thisanswer回答如何平滑滚动,但我也试图在滚动出界时反弹。像这样:注意。虽然此gif显示的是移动设备,但我想在所有浏览器、桌面和移动设备上实现它。我尝试将以下代码添加到间隔中://50=Paddingif(tgt.scrollToptgt.scrollHeight-tgt.offsetHeight-50){pos=Math.bounce(step++,start,change,steps);}else{pos=Math.easeOut(step++,start,change,steps

javascript - 在 jQuery 中修改 CSS 变量/自定义属性

在我的应用程序中,我有一些参数,我想使用jQuery将它们放入CSS变量中。我也想阅读它们。我在读取CSS变量的值时遇到了困难,并尝试了很多东西……在我输入问题时,在“可能已经有了答案的问题”中找到了解决方案。无论如何,我附上了一个片段,因为我需要知道:⋅⋅⋅为什么方法1不起作用?⋅⋅⋅有没有办法使用jQuery获取CSSvar值?我觉得它缺少一个简单的解决方案来处理CSS变量……我错了吗?当然,如果没有任何办法,我会使用javascript解决方案。但我想确定一下。预先感谢您的回答。//Thismethoddoesn'tworkforwritingCSSvar.$(":root").

javascript - Firefox 中 Flash 顶部的 CSS/JavaScript 导航菜单

我的网站有一个用CSS和JavaScript构建的下拉菜单,它会在Flash动画上下拉。在IE(6&7)中,下拉菜单位于Flash动画上方,而在Firefox(2&3)中,菜单出现在Flash动画下方。有什么方法可以让这个动态菜单在Firefox中通过Flash流动吗?在IE7中菜单出现在Flash上:在Firefox中,菜单出现在Flash下:(我该如何解决这个问题?!) 最佳答案 尝试将wmode设置为透明-参见here 关于javascript-Firefox中Flash顶部的CS

javascript - 使用 javascript 控制 css 适用于 Mozilla 和 Chrome,但不适用于 IE

我在使用InternetExplorer时应用css(使用文本变量)时遇到问题,但它在Firefox和Chrome中有效。thecode:/*!addCssStyle()appliesthetextvalue$CssText$tothethespecifieddocument$Doc$e.g.anIFrame;orifnonespecified,defaulttothecurrentdocument,*/functionaddCssStyle(CssText,Doc){//Secure$Head$forthecurrent$Doc$Doc=Doc||document;varhead=D

javascript - CSS3Pie 导致启动错误

导入CSS3Pie时,出现以下错误。UncaughtTypeError:Object[objectDOMWindow]hasnomethod'attachEvent'我正在使用Chrome。这可能是我造成的,还是只是一个错误。谢谢! 最佳答案 我认为您应该在仅限IE的条件注释中导入“PIE.js”文件:CSS3Pie项目是一个InternetExplorer工具-它仅适用于IE,对所有其他浏览器完全无用。编辑—请注意,如果您首先将这些内容导入为.js文件,请注意。据我所知,CSS3Pie文档都鼓励通过IE“行为”CSS属性导入功能。

javascript - 如何解决在 JavaScript 中使用视差效果滚动时元素闪烁?

我正在尝试使用JavaScript重新创建具有视差效果的网站。这意味着我有两层或更多层,它们在滚动时以不同的速度移动。在我的例子中,我只移动一层,另一层保持静止:第1层=网站文本;第2层=元素背景;为此,我使用简单的源代码(使用jQuery1.6.4):vardocwindow=$(window);functionnewpos(pos,adjust,ratio){return((pos-adjust)*ratio)+"px";}functionmove(){varpos=docwindow.scrollTop();element.css({'top':newpos(pos,0,0.5)

javascript - 你如何在 OS X 或 Webstorm 中自动缩小你的 JS 和 CSS?

我根据自己的工作使用了两个不同的IDE。我的主要IDE是VisualStudio,我使用Chirpy混搭和缩小我的代码。它工作完美,我喜欢它。问题是当我不在我的Windows机器上时,我无法访问它。当不使用VisualStudio时,我通常在我的MacbookPro上的Webstorm中编写Javascript应用程序。问题就出在这里。我还没有找到Webstorm插件或任何其他我可以配置来观看我的脚本并混合/缩小它们的应用程序。您的Mac用户如何在设计时以最小的努力混合/压缩您的JS和CSS? 最佳答案 对于现在已经更新到WebSt

javascript - 具有辅助功能的浏览器是否支持 CSS 或 JavaScript?

我目前正在研究一种蜜jar解决方案,以防止在我的网站中出现垃圾邮件,该解决方案包括添加一些具有随机名称的字段,并通过添加style="display:none;"用CSS隐藏它们在HTML元素中。提交时,如果这些字段中的任何一个不是空的——它应该是空的——这意味着垃圾邮件机器人刚刚提交了表单。那还是恶意用户。无论哪种方式,帖子都会被拒绝。现在,这会完美地工作,但我假设所有用户都拥有支持CSS的浏览器。通过JavaScript删除CSSdisplay属性等于none的每个字段可以防止不支持CSS的浏览器显示假定的隐藏字段。因此,这对于支持以下功能的浏览器来说效果很好:CSS和JavaSc

javascript - 使用 KineticJS 变换(移动/缩放/旋转)形状

我正在尝试为KineticJS构建一个转换管理器,它将构建一个边界框并允许用户在他们的Canvas上缩放、移动和旋转图像。我被anchor的逻辑绊倒了。http://jsfiddle.net/mharrisn/whK2M/我只想让用户从任何Angular落按比例缩放他们的图像,并在按住并拖动anchor时旋转。谁能帮我指明正确的方向?谢谢! 最佳答案 这是我制作的旋转控件的概念证明:http://codepen.io/ArtemGr/pen/ociAD当控件被拖动时,dragBoundFunc用于旋转旁边的内容:controlGro

javascript - 如何使用 CSS 随机旋转图像?

我的网页上有一个包含20张图片的画廊,我想在将鼠标悬停在每张图片上时随机旋转(-5到5度)。如果可能的话,我想只使用CSS。如果没有,我愿意使用JavaScript或jQuery。我的CSS如下:.photo:hover{z-index:1;transform:rotate(6deg)scale(1.25);-webkit-transform:rotate(6deg)scale(1.25);-moz-transform:rotate(6deg)scale(1.25);-ms-transform:rotate(6deg)scale(1.25);}6deg应该是一个随机数,所以每次用户将鼠