我试图创建一个类,当单击一个按钮时添加不透明度和一个trnasparent prelodaer微调器,到目前为止,我有以下内容：

.button-processing{
    opacity: .5;
    cursor: default;
    &:before{
        content: url("#{$image-path}hostelbookers/icons/loader-submit.GIF");
        position: absolute;
        top: 48px;
        left: 88px;
        width: 64px;
        height: 64px;
        z-index: 1;
    }
}

我希望能够只添加一个类来实现这个效果.

然而,我正在努力,因为旋转器不透明是否有一个CSS解决方案或一个漂亮的透明gif？

最佳答案 实际上SVG / CSS动画是更好的方式,因为它更干净&文件较小.

http://code.tutsplus.com/tutorials/mobile-web-create-an-svg-loading-spinner–mobile-13556