小编Mor*_*ort的帖子

我已经看到一些Google Webfonts现在使用WOFF 2.0.我可以以某种方式将我现有的WOFF字体转换为这种新的(并且可能是更好的格式)吗？如何？

当我calc(100% + 20px)在Chromes和Firefox的Inspector中直接使用它时,它可以正常工作,如图所示.

但是当我将它插入到我的less文件中时,它会被转换为120%.我究竟做错了什么？

我制作了一个小背景动画,其中div随着时间的推移会改变颜色.它工作顺利,但当它达到100%时,它会直接跳到0%而没有任何转换.我在google上搜索并尝试了不同的动画制作方式,但是如果动画我一直无法获得流畅的"重启".

我错过了什么？

-webkit-animation: pulsate 20s infinite;
animation: pulsate 20s infinite;
-moz-animation: pulsate 20s infinite;

            @-webkit-keyframes pulsate {
                0% {background: @black}
                25% {background: @red}
                50% {background: @blue}
                75% {background: @orange}
                100% {background: @green}
            }


            @keyframes pulsate {
                0% {background: @black}
                25% {background: @red}
                50% {background: @blue}
                75% {background: @orange}
                100% {background: @green}
            }

            @-moz-keyframes pulsate {
                0% {background: @black}
                25% {background: @red}
                50% {background: @blue}
                75% {background: @orange}
                100% {background: @green}
            }

我正在创建一个用户名单,我使用CSS3边框为排名编号创建一个白色边框.它在这里可以看到:http://www.cphrecmedia.dk/musikdk/stage/channelfans.php

然而,边界之后似乎是一个黑色的边界,我觉得非常奇怪.它似乎是背景颜色的溢出物.

这是一个非常小的问题,但我对这个实际发生的原因很感兴趣.有谁知道为什么？CSS非常简单,所以不应该发生

我正在尝试使用画布图像作为背景:http://www.cphrecmedia.dk/musikdk/stage/prelisten.php

代码如下:

window.onload=function(){
    var canvas = document.getElementById('canvas');
    var context = canvas.getContext('2d');
    var imageObj = new Image();
    stackBoxBlurImage('coverbgblur', 'canvas', 19, false, 2);
}

除了需要修复的布局之外,我需要稍微改变图像,因此如果我使用白色专辑封面,文本将始终可见.我可以在上面的代码中以某种方式添加一行或2会使图像变暗吗？我知道我可以使用CSS3,但是创建额外的处理层而不是第一次正确处理它似乎不太智能.

我对帆布很新,所以非常感谢各种帮助!

我无法让Calc正常工作，因为我想基于CSS值进行边距处理。作为示例，我的代码在JsFiddle上：https ://jsfiddle.net/nrskvz8q/

    $navwidth: 95px;
    $bodymargin: 2em;



    .object{
      background:red;
      width:50px;
      height:50px;
      padding:10px;
      margin-top: calc($navwidth: + $bodymargin:)
    }

    <div class="object">1</div>

似乎未接受边距左值。为何如此？

我试图建立一个具有格栅div(胡)的width遵循特定的模式.在网格中,前3个div应该width为as 33.333%,接下来的2个应该width为as 50%,接下来的3个width: 33.3333%后跟2个,width: 50%依此类推(无限).

CSS3 nth-child似乎非常适合这种情况,但无论我做什么,它都会被编号,因为我必须使用:nth-child两次.这必须以巧妙的CSS方式解决？有没有一种方法可以width根据这种模式进行分配,而无需width逐个手动设置每个人div？