首页
下载
插件
案例
社区
文档
视频
资讯
关于
VEITOOL
联系方式
合作代理
插件协议
用户协议
登录
|
注册
全部
后端程序
前端模板
插件二开
综合求助
谈天说地
使用分享
安卓开发
通过边框、背景渐变、容器旋转形式实现箭头效果
发布：2023-09-01 14:18
分类：前端模板
评论：0
浏览：20
通过边框、背景渐变、容器旋转形式实现箭头效果 ``` html <style> .borders{ width:98px;height:28px;line-height:28px; border:1px solid #f9f9f9; color: #fff; background-color:rgba(255,255,255,.1); margin:14px 10px 14px 0;font-size:14px;text-align:center;position:relative;cursor:pointer; } .borders:after{ content:''; position:absolute; bottom:-6px;left:44%; transform:rotate(-45deg); width: 10px; height: 10px; background-repeat: no-repeat; border: 1px solid #f9f9f9; border-top: 0; border-right: 0; background-image: linear-gradient(45deg, rgba(255,255,255,.1) 50%, rgba(255,255,255,0) 40%); } </style> <div style="padding:20px;background:green;"><div class="borders">内容</div></div> ``` 
背景渐变
箭头效果
暂无回复！
登录后可回复
发布帖子
作者信息
keyoumi
等级：Lv2
积分：656
这家伙很懒，什么都没写呢~
最近热帖
Veitool 后台开发框架 V1.0.0 正式版已开源发布
近期会有微信公众号的插件吗？
安装veitool框架教程（phpStudy）
安装veitool框架（phpStudy）
.env 文件不可写
用了token验证后的一些体会
只有挑战自我的人才能谱写出优美的旋律
PHPExcel扩展组件兼容PHP8.1及8.2相关问题修复
请问下基类中的only方法有没有详细的用法教程
Layui选项卡tab组件在隐藏容器中即使没有溢出也被强制追加下拉属性的问题解决
关于系统
VEITOOL
联系方式
合作代理
服务支持
插件中心
官方文档
社区问答
下载中心
产品下载
应用案例
新闻动态
使用协议
插件协议
用户协议
关注微信
Copyright ©2023 veitool.com 版权所有
粤ICP备17132594号-2
