纯CSS在线气泡提示生成工具

互联网拥有很多免费的工具和应用，几乎可以帮助你实现任何你需要的UI组件和设计，大家还记得上周我们介绍的纯CSS实现的气泡式提示文章吗？今天我们将介绍一个在线的生成气泡式提示的web工具 - CSS ARROW PLEASE，希望大家喜欢！

主要特性

设置气泡提示位置（上下左右）
提示尺寸大小
文字颜色
边框大小和尺寸
边框颜色
自动生成css代码

生成代码

.arrow_box {
position: relative;
background: #202020;
border: 4px solid # ccc;
}
.arrow_box: after, .arrow_box: before {
top: 100 % ;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer - events: none;
}
.arrow_box: after {
border - top - color: #202020;
border-width: 30px;
left: 50%;
margin-left: -30px;
}
.arrow_box:before {
border-top-color: # ccc;
border - width: 36px;
left: 50 % ;
margin-left: -36px;
}

纯CSS在线气泡提示生成工具 - CSS ARROW PLEASE!相关推荐

编码 data:text/html;c,[网页设计]图片base64编码利器：在线 Data URI 生成工具 – Duri.me...
这篇文章介绍一款在线的图片 base64 编码利器 - Duri.me.data URI 图片是 base64编码的图片文件,可以嵌入到 HTML 或者 CSS 文件中,能够减少 HTTP 请求,提高 ...
css sprites生成工具CSS Satyr 使用方法
CSS Satyr使用方法点击"文件" - "添加图片",选择多幅图片文件: 工作区内图片,可以拖动图片来调整位置: 可以通过双击图片,来修改图片的相关信息: ...
AI在线文章智能生成工具
文章智能生成工具通过在线文章采集,只需要我们输入我们的关键词,就可以实现热门平台的文章素材收集,支持精准标题采集提高内容的相关性,也可以通过关键词衍生采集,提高我们素材的收集数量,并通过自动的伪原创. ...
《收藏》新浪短网址API接口（T.CN短链接）在线批量缩短生成工具推荐
新浪于前段时间关闭了对外的网址缩短接口,平时用惯了短链接的朋友几十分不习惯,作者收集了几个最新的短链接在线生成工具,亲测可用! 1.冷狗短链接平台官网:http://dogdwz.cn/ 2.青桃短 ...
html css雪碧图,css sprite css雪碧图生成工具
什么是css sprite CSS sprite在国内很多人叫css精灵,是一种网页图片应用处理方式.它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就 ...
css sprite css雪碧图生成工具
最新地址:http://www.cnblogs.com/wang4517/p/4476758.html 转载于:https://www.cnblogs.com/wang4517/p/4464852.h ...
springboot在线原型工程生成工具
在线生成原型工程前期调研最开始实现的原型工程是通过maven archetype生成的,可以通过配置私有库idea工具生成和脚本命令的形式生成,但是生成的过程需要检查环境等等,而且时间也需要的长一 ...
三款在线css3样式生成工具
http://jquery.org.cn/css/css3preview/Box-Shadow.html http://css-tricks.com/examples/ButtonMaker/ htt ...
在线html批量生成工具,在线网址链接批量生成器
批量下载功能可以方便的创建多个包含共同特征的下载任务.例如网站A提供了10个这样的下载链接: http://www.a.com/01.zip http://www.a.com/02.zip ...(中 ...
亲测可用：两个在线的测试数据生成工具
文章目录 generatedata4.com onlinedatagenerator.com 大家好!我是只谈技术不剪发的 Tony 老师. 我们在进行软件开发和数据库性能测试时,经常需要使用到大量的 ...

纯CSS在线气泡提示生成工具 - CSS ARROW PLEASE!

主要特性

生成代码

纯CSS在线气泡提示生成工具 - CSS ARROW PLEASE!相关推荐

最新文章

热门文章