css-variables

3热度

1回答

使用预处理器变量可以轻松设置一个变量并对其进行操作，以便我可以使用它来设置多个属性。（demo）虽然与native css variables实验，我发现，我可以将它们与预处理程序变量组合在一起，所以在the following example（使用Firefox） h1 { --length: 40px; @length: var(--length); line

6热度

1回答

CSS变量和动画

我试图制作一个“多行”sprite CSS动画（insipred by this：http://codepen.io/simurai/pen/vmhuJ），结果发现Firefox不支持background-position-x或-y。缺乏-x/-y在长度这里讨论：https://bugzilla.mozilla.org/show_bug.cgi?id=550426和所提出的解决方案（backgr

13热度

4回答

如何使用JavaScript检测CSS变量支持？

最新版本的Firefox支持CSS Variables，但Chrome，IE和其他浏览器不支持。应该可以访问一个DOM节点或者编写一个返回浏览器是否支持该功能的小方法，但是我一直无法找到任何目前能够做到的事情。我需要的是一个解决方案，我可以作为条件用于运行代码，如果浏览器不支持此功能，像： if (!browserCanUseCssVariables()) { // Do stuff..

2热度

1回答

css特异性和聚合物中的css变异体

我使用聚合物，我认为这是一个但是我不完全确定。在我的主文档我有这样的： <style is="custom-style"> :root { --child-element-bg: #000; --child-element-mixin: { border: 10px solid #f30; }; } </style>

4热度

1回答

使用CSS变量与rgba的梯度透明度

有没有办法使用透明度指定渐变颜色时使用CSS变量，例如： :root { --accent-color: #dfd0a5; } h1{ background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(red(var(--accent-color)), green(var(--accent-color))

10热度

2回答

无法获取可在Chrome中使用的CSS变量34

我之前曾询问旧版Chrome的similar question。然而，我再次难以获得CSS变量的工作，这次是在Windows 7上的Chrome 34（版本34.0.1847.131米）上。（没有尝试在其他操作系统上。）我看到语法有被更改（旧的，看上面链接的问题）和新的一个是什么是目前在CSS Variables spec.： :root { --main-color: #06c;

4热度

1回答

在Chrome 29+中使用CSS变量

我的Chrome浏览器刚刚从版本28切换到版本29.切换后，我的css3代码在新版本中停止工作，我想知道是否有人知道如何解决此问题，而无需不得不将我的浏览器重新设置为版本28？ UPDATE Chrome 30从Chrome 29过渡到Chrome 30杀死了CSS变量。启用实验性WebKit功能标志不再是一个选项。我一直在使用实验性的WebKit功能，特别是CSS变量。下面的功能是什么，我特

5热度

2回答

CSS自定义属性如何级联？

比方说，我有以下的CSS： :root { --color: blue; } div { --color: green; } #alert { --color: red; } * { color: var(--color); } 和我的标记是： <p>I inherited blue from the root element!</p> <div>I got green set dir