Tag: css3

用jQuery设置CSS3渐变属性?

我正在编写一个依赖于CSS3渐变背景属性的插件。 我没有问题得到这样的工作: $(this).css({ ‘-webkit-box-shadow’: ‘inset 2px 2px 5px #DEDEDE’ }); 但是,这不起作用: $(this).css({ ‘background’: ‘-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#FFFFFF))’ }); 我假设.css()使用浏览器支持的任何属性,所以我要么用jQuery设置错误或者不支持这个属性?

使用CSS3动画扩展圆圈

我试图这样做,当页面加载圆圈出现,这是好的,但我需要它们向外生长,从中心到小到大,而不是从左上角: 你可以看到我目前在这里: http : //thomasbritton.co.uk/projects/ebrd/ 理想情况下,希望这可以在CSS中完成,但如果它更容易/更稳定,可以使用JS。 有任何想法吗? 这是动画部分我的css: .circle a { border-radius: 150px; color: #fff; height: 0; position: absolute; text-decoration: none; width: 0; } .circle a.grow { -webkit-animation-name: grow; -webkit-animation-duration: 2.2s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-delay: 0; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: grow; -moz-animation-duration: 2.2s; -moz-animation-timing-function: ease; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-delay: 0; […]

每个角色的颜色不同

我正在使用KK倒计时对网站的圣诞节倒计时。 我有一个我必须遵循的设计,每天的每个字母都有蓝色背景和边框半径。 现在,html就是这样输出的 169 DAYS 23 19 48 HOURS kkc-dni类是我试图在这里定位的部分。 我想为该跨度内的每个字母添加背景颜色。 最好用CSS。 这可能吗? 我之前使用CSS来设置段落的第一个字母,但这是完全不同的,我找不到任何关于它的信息。 有什么建议? 注意:因为我使用插件来执行此倒计时,我不确定是否可以更改输出跨度和html的方式。 如果我可以将每个字母包裹在一个范围内,我会。

jQuery Mobile禁用某些标签的增强function?

我不想要标签的样式。 我发现这样的线程如何“关闭”jQuery Mobile的下拉样式? 但我不想将data-enhance=false添加到我拥有的每个锚点。 我也希望linkBindingEnabled可以工作(来自http://jquerymobile.com/demos/1.2.0/docs/api/globalconfig.html ),因为它不会向标签添加自定义类。 我可以删除CSS文件中的定义,但我更喜欢以编程方式来实现它。 例如,我注释掉.ui-body-c .ui-link (默认链接),但页脚中的链接仍然是增强的。 而且我确定还有其他一些小案例,而且我不想让它变得混乱(尽管有时这是唯一的选择) 基本上,有没有办法禁用元素“选择器”的增强? 而不是手动添加data-enhance=false

html标签用法/替换

我知道标签是邪恶的。 如果滚动文本太糟糕了,那么使用JS来获得相同的效果并不会让它变得更好,对吧? 并且假设我决定使用一些滚动文本(喘息) ,是否有某种类型的CSS(3?)或HTML(5?)方式来做到这一点在技术上是正确的(即不被弃用)? 如果没有CSS / HTML解决方案,我应该使用: Javascript,下载会更重,可能会被关闭(是专业人士还是骗子?),但我得到W3C正确有效且不弃用且智能的奖励, 或者我应该使用 讨厌的 ( )标签,它是轻量级的(19字节!),在所有渲染模式和所有文档类型中都得到了所有浏览器的完全支持(即使它不应该),但是不推荐使用? 谢谢。 PS我认为新闻自动收报机是一种有效的选择 PPS如果有人告诉我,如果我不想要一个繁重的Javascript解决方案我应该使用JQuery,因为它是轻量级的,我会在评论中拍摄它们 编辑:我正在添加JQuery标签,因为这似乎是获得许多JS问题专家关注的最佳方式,并且在这里并不完全无关。

在canvas对象上使用jQuery动画

我想用一个简单的形状使用路径机制绘制html5canvas元素的动画。 当鼠标hover在它上面时,我想放大它,使它更不透明并改变颜色。 我可以使用jQuery的animate()函数吗? 什么是最好的方法? canvas是否有机制来执行此类动画?

使用jQuery动画文本阴影的元素

我想知道是否有任何方法,使用jQuery,动画文本阴影的属性,如大小或颜色。 令人讨厌的是,没有单独的属性,如text-shadow-color而不是仅以组合forms提供的语句。

造型单选按钮到一个正方形

我得到了一个带方形单选按钮的设计。 有没有办法将单选按钮设置为这样? 唯一的方法,我认为我可以通过使用图像,并通过$.on(‘click’)方法交换已检查/检查状态。

如何隐藏滚动条但仍可向上/向下滚动

有没有办法如何隐藏滚动条,仍然可以使用鼠标或方向键向上滚动? 任何人都可以帮忙吗?

改变动画CSS3的速度?

我有动画: img.rotate { animation-name: rotate; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } 我有无限的旋转图像。 现在我想用JS改变旋转速度。 我试过了: $(‘img’).css(‘animation-duration’, ‘2s’); 持续时间会改变速度,但动画会重新启动到帧密钥0%(第一个),但我只想让动画继续,就像没有发生任何事情一样; 我不想回到0%。 我怎样才能做到这一点?