如何使用：之后根据需要旋转箭头
1110
我有一个小问题。
我需要获得像波纹管一样的图像，但是无法按我的需要设置箭头，但是我认为我已经接近了：）
http://jsfiddle.net/LDhLv/
.d:after {
content: "";
position: absolute;
width: 0;
height: 0;
bottom: 95%;
left: 100px;
border-left: 10px solid #666;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-top: 0px solid transparent;
}
菲利普·佩顿（Fillip Peyton）
试试这个：
CSS：
.d{border:1px solid #666; background: #fff; width:100px; height:50px; margin:60px;position:relative}
.d:before, .d:after{
content: "";
position:absolute;
width: 0;
height: 0;
}
.d:before {
top: -10px;
right: -1px;
border-bottom: 10px solid #666;
border-left: 10px solid transparent;
}
.d:after {
top: -8px;
right: 0px;
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
}
我已经调整了top/bottom left/right相对于父元素的定位，使其位置更加稳定。另外，我以不需要旋转的方式创建了箭头。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用Python从Excel转换为JSON，如何根据需要格式化此数据？
- 2
如何设置文本框/根据需要选择-使用JavaScript
- 3
如何根据需要的类注册依赖项（使用 ASP CORE 中的内置 IOC 容器）
- 4
如何根据需要标记Spring MVC参数
- 5
如何根据需要创建用户界面选择字段？
- 6
如何根据需要在extjs面板中放置图像？
- 7
如何根据需要调整背景图像的大小
- 8
如何遍历数组并根据需要显示按钮
- 9
根据需要修剪数组
- 10
QMl ScrollBar 根据需要
- 11
如何将Maven配置为默认使用JDK6，但根据需要使用JDK7
- 12
根据需要组装功能并快速计算
- 13
根据需要设置reCaptcha字段
- 14
NSPredicate无法根据需要过滤
- 15
python脚本根据需要运行命令
- 16
无法根据需要通过 jQuery 滚动
- 17
如何根据需要弹出到任何视图控制器？
- 18
Angular：如何根据需要更改“真棒字体”图标和文本
- 19
Song完成后如何根据需要清除MPMusicPlayerController的队列并添加新队列
- 20
如何将类数据存储在数组中，并根据需要重新调用此数据？
- 21
如何根据需要在一天中提供条件
- 22
基于 Visual FoxPro 的继承软件，如何访问源文件并根据需要编辑程序？
- 23
如何在React中映射状态对象时添加DIV以允许根据需要添加DIV
- 24
AJAX和PHP根据需要使用RecursiveIteratorIterator获取文件和文件夹列表
- 25
何时根据需要过滤/排序数据使用数据库？
- 26
我正在使用AngularJS，无法根据需要更改全局变量
- 27
使用 jquery 根据需要验证表单字段时出错
- 28
如何使用C ++将任何类型的文件读取为二进制文件并根据需要进行编辑（如压缩）？
- 29
如何使用箭头键旋转/变换图像
我来说两句