Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS图像光泽_Html_Css_Image - Fatal编程技术网

Html CSS图像光泽

Html CSS图像光泽,html,css,image,Html,Css,Image,我需要这张照片来回照几次,不是在悬停,而是一直照: 多亏了您可以将伪元素与关键帧动画结合使用: 。按钮{ 背景:url(http://onestudio.id-staging.com/_BUILD/Dominos/BANNERS/C3%20Legend%20Banners/Double%20MPU/button.png); 宽度:148px; 高度:166px; 位置:绝对位置; 顶部:1px; 左:1px; 溢出:隐藏; } .按钮:之前{ 内容:“; 位置:绝对位置; 最高:100%;

我需要这张照片来回照几次,不是在悬停,而是一直照:


多亏了

您可以将伪元素与关键帧动画结合使用:

。按钮{
背景:url(http://onestudio.id-staging.com/_BUILD/Dominos/BANNERS/C3%20Legend%20Banners/Double%20MPU/button.png);
宽度:148px;
高度:166px;
位置:绝对位置;
顶部:1px;
左:1px;
溢出:隐藏;
}
.按钮:之前{
内容:“;
位置:绝对位置;
最高:100%;
左:150%;
身高:150%;
宽度:100px;
-webkit变换:旋转(45度);
-moz变换:旋转(45度);
变换:旋转(45度);
背景:-moz线性梯度(左,rgba(255,255,255,0)0%,rgba(255,255,255,1)50%,rgba(255,255,255,0)100%);
背景:-webkit渐变(线性,左上,右上,颜色停止(0%,rgba(255,255,255,0)),颜色停止(50%,rgba(255,255,255,1)),颜色停止(100%,rgba(255,255,255,0));
背景:-webkit线性梯度(左侧,rgba(255,255,255,0)0%,rgba(255,255,255,1)50%,rgba(255,255,255,0)100%);
背景:-o-线性梯度(左,rgba(255,255,255,0)0%,rgba(255,255,255,1)50%,rgba(255,255,255,0)100%);
背景:-ms线性梯度(左侧,rgba(255,255,255,0)0%,rgba(255,255,255,1)50%,rgba(255,255,255,0)100%);
背景:线性梯度(向右,rgba(255,255,255,0)0%,rgba(255,255,255,1)50%,rgba(255,255,255,0)100%);
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);
-webkit动画:2s myani线性无限;
动画:2s myani线性无限;
}
@-webkit关键帧myani{
0% {
最高:100%;
左:150%;
}
100% {
前-150%;
左-150%;
}
}
@关键帧myani{
0% {
最高:100%;
左:150%;
}
100% {
前-150%;
左-150%;
}
}

闪亮?你是说像辉光吗?@Akshay像这样:请看小提琴:我只需要在按钮上显示Set overflow:隐藏在/button类上(抱歉,更新这么晚)-我如何更改不透明度以使白色更柔和?@LewisFrost:在渐变声明中,你会看到rgba(255,255,255,1)最后一个值是不透明度(有效值在0->1范围内)
.button {
    background:url(http://onestudio.id-staging.com/_BUILD/Dominos/BANNERS/C3%20Legend%20Banners/Double%20MPU/button.png);
    width:148px;
    height:166px;
    position:absolute;
    top:1px;
    left:1px;

}