美文网首页
css边框闪烁呼吸样式

css边框闪烁呼吸样式

作者: 給我小鱼干 | 来源:发表于2020-03-03 09:47 被阅读0次
<html>
<body>
<head>
.arrow_box{animation: glow 800ms ease-out infinite alternate; }
@keyframes glow {
    0% {
        border-color: #393;
        box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 1px 0 #393;
    }
    100% {
        border-color: #6f6;
        box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 1px 0 #6f6;
    }
}
</head>
<div class="arrow_box"></div>
</body>

相关文章

  • css边框闪烁呼吸样式

  • css样式入门书目录

    css样式-字体属性 css样式-背景属性 css样式-边框属性 css样式-列表属性 css样式-定位属性 cs...

  • CSS入门二

    一、CSS的样式 1、边框和尺寸   border:设置边框的样式    格式:宽度 样式 颜色      样式的...

  • CSS边框、图片alt、input标签placeholder、f

    CSS边框属性CSS 边框的属性有style(样式)、color(颜色)、width(宽度)、height(高度)...

  • CSS基础

    一.CSS语法 二.选择器 三. 尺寸,背景,文本,字体,鼠标样式 四. 表格,边框,内外边距,边框模型 边框样式...

  • 整理常用CSS

    字体属性:(font) CSS文字属性: CSS边框空白 CSS符号属性: CSS背景样式: 指定背景位置 CSS...

  • CSS 边框样式

    本节我们来学习边框样式,主要包括如何设置边框的宽度、边框的颜色、边框的样式等。当我们给某个元素设置边框时,可以分为...

  • day03

    今天学了什么 1.css列表样式 2.css边框 可以简写成 3.表格 3.1折叠边框 border-collap...

  • CSS 表格样式

    本节我们来学习表格样式,通过 CSS 中的属性可以设置表格的外观,例如表格边框样式、颜色、间距等。 设置表格边框 ...

  • day07

    1.今天学到了 1.css常用样式的讲解 2.公共样式 2.iframe 2.CSS的常用样式 2.1.边框bor...

网友评论

      本文标题:css边框闪烁呼吸样式

      本文链接:https://www.haomeiwen.com/subject/udgflhtx.html