animacion-botones-con-css3:使用 CSS3 实现按钮背景动画

时间:2024-06-30 00:48:21
【文件属性】:

文件名称:animacion-botones-con-css3:使用 CSS3 实现按钮背景动画

文件大小:9KB

文件格式:ZIP

更新时间:2024-06-30 00:48:21

PHP

带 css3 的动画按钮 它是如何工作的? 它通过使用 CSS3 动画来工作,其中使用类 .bars 和 .bar9(用于每个数字的条)创建了 9 个条,这些条通过变换:旋转,我们将它们旋转 -160 度,使它们交叉。 鼠标通过时的动画使用CSS3动画,通过colors.php文件我们用PHP创建鼠标通过时再现的动画颜色。 作为最后的手段,我们通过 -webkit-mask-image 使用矢量图像 circulo.svg 作为条形的遮罩,这样多余的条就不会被看到,并且更具视觉吸引力。 您还可以使用此非常轻松地编辑此皮肤。 限制 此动画仅适用于具有 Webkit 引擎、骨骼、Google Chrome 或 Safari 的浏览器,在其他浏览器的情况下,必须使用具有透明度的 .png 图像(例如作为遮罩。 在这种情况下,代码必须将类“png”添加到

    标记。 有了这个它应该已经


    【文件预览】:
    animacion-botones-con-css3-master
    ----demo-estilos.css(660B)
    ----mascara.png(2KB)
    ----raro.svg(1KB)
    ----README.md(3KB)
    ----index.html(15KB)
    ----botones-con-animacion.css(3KB)
    ----colores.php(2KB)
    ----circulo.svg(217B)

网友评论