【CSS3】好玩的动画线框_html/css_WEB-ITnose
程序员文章站
2022-03-10 10:45:43
...
Html代码
-
动画选框
Css代码
- .box{
- width:300px;
- height:100px;
- border:1px dotted #fff;
- border-image:url(data:image/gif;base64,R0lGODlhCAAIAJEAAP////8A/wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgABACwAAAAACAAIAAACDwwuGckJzR4UaEp423InFAAh+QQFCgABACwAAAAACAAIAAACD4wEGcuMvR6cC4hpaU0nFAAh+QQJCgABACwAAAAACAAIAAACEAwiYhvd56KKaErqYDwnrQIAOw==) 1 repeat;
- }
示例:
http://codepen.io/puterjam/pen/gGLBj
上一篇: python中strip什么意思
下一篇: python中del是什么意思?
推荐阅读
-
「CSS3 」动画详解_html/css_WEB-ITnose
-
使用 CSS3 伪元素实现立体的照片堆叠效_html/css_WEB-ITnose
-
CSS3 动画系列_html/css_WEB-ITnose
-
9种CSS3 blend模式制作的鼠标滑过图片标题特效_html/css_WEB-ITnose
-
CSS3实现的鼠标悬浮开门关门效果代码实例_html/css_WEB-ITnose
-
CSS3的[att*=val]选择器_html/css_WEB-ITnose
-
跨平台移动开发 Xuijs超轻量级的框架+Emile CSS动画_html/css_WEB-ITnose
-
超好玩!10款神奇的字符图案 & 词汇云生成工具_html/css_WEB-ITnose
-
使用css3背景渐变中的透明度来设置不同颜色的背景渐变_html/css_WEB-ITnose
-
常见移动设备的 CSS3 Media Query 整理(iPhone/iPad/Galaxy/HTC One etc.)_html/css_WEB-ITnose