纯css画三角形,勾等形状
//三角形

.money-ul li.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 13px solid red;
    border-left: 15px solid transparent;
}
//勾

.money-ul li.active:before{
    content: '';
    position: absolute;
    width: 7px;
    height: 3px;
    background: transparent;
    bottom: 3px;
    right: 0px;
    border: 2px solid white;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
    z-index: 9;
}
												
											纯css画三角形,勾等形状的更多相关文章
- 纯css画三角形
		
纯css画三角形与border元素相关 设置border的属性 width: 100px; height: 100px; border-style: solid; border-width: 100p ...
 - 理解纯CSS画三角形
		
pure css draw a triangle code { display: inline-block; width: 300px; background-color: #E0E0E0 } .te ...
 - 纯CSS画三角形(带边框)
		
实例一: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- ...
 - 用纯css画个三角形
		
用纯css画个三角形以下是源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...
 - CSS 魔法系列:纯 CSS 绘制图形(各种形状的钻石)
		
我们的网页因为 CSS 而呈现千变万化的风格.这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果.特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来. ...
 - CSS 魔法系列:纯 CSS 绘制三角形(各种角度)
		
我们的网页因为 CSS 而呈现千变万化的风格.这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果.特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来. ...
 - 三种纯CSS实现三角形的方法
		
看到像上图这样的 tip 的小三角,你会怎么办? 切个图上去?恩,不错,简单,兼容性也一级棒,不但好控制,那点小东西也增加不了多少图片的大小.但有没有更好更讲究技巧的办法呢?哈哈,那必须有啊,而且还不 ...
 - 纯 CSS 实现三角形尖角箭头的实例
		
上次无意中发现了个使用纯 CSS 实现三角形尖角箭头的方法 http://blog.csdn.net/zhouzme/article/details/18901943 ,但没有怎么用上,也没有详细完整 ...
 - CSS学习笔记(8)--纯CSS绘制三角形(各种角度)
		
纯CSS绘制三角形(各种角度) CSS三角形绘制方法,学会了这个,其它的也就简单. 我们的网页因为 CSS 而呈现千变万化的风格.这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多 ...
 
随机推荐
- iOS hook原理
			
OC中的method其实是一个结构体 struct objc_method{ SEL method_name char *method_types IMP method_imp } SEL是方法名,I ...
 - scrollto 到指定位置
			
goTo = function(target){ var scrollT = document.body.scrollTop|| document.documentElement.scrollTop ...
 - Netty 5 获取客户端IP(非HTTP)
			
使用Netty 5.0.0.Alpha2时,想知道客户端的ip以区分客户端,发现网上都是通过解析HTTP头域完成的,这里提供一种比较简单的方法. System.out.println("Cl ...
 - IDEA通过Maven WebApp archetype 创建Spring boot项目骨架
			
springboot项目资源: GitHub地址:https://github.com/TisFreedom/springbootdome.git 码云地址:https://gitee.com/Tis ...
 - elasticsearch kibana简单查询
			
kibana CRUD 操作页面 一.简单的CRUD操作 1.添加 PUT /index/type/id { "json数据" } 2.查询 GET /index/type/id ...
 - js 常用基本知识
			
Object.isObject = function(obj){ return obj != null && typeof obj === 'object' && Ar ...
 - 移动工程后,打开ROM核无配置信息
			
问题: 从他人处下载的ISE工程,打开dw51的ROM IP核,无配置信息,为block memory generator的初始配置,并显示无法找到coe文件 原因:ROM配置过程中的部分内容丢失导致 ...
 - XNA 中3D模型的显示
			
XNA 中3D模型的显示: ModelMeshPart[] meshParts; Model start_model; Matrix[] dq_model_transforms; Matrix vie ...
 - Oracle 锁机制
			
本文参考自:ORACLE锁机制 1.oracle是一个多用户使用的共享资源,当多个用户并发的操作同一数据行时,那么在oracle数据库中就会存在多个事务操作统一数据行的操作,如果不对并发操作进行控制, ...
 - 解决C#中dynamic类型作为泛型参数的反射问题
			
C#中dynamic类型作为泛型参数传递过去后,反射出来的对象类型是object,我用老外的这篇博文中的代码跑起来,得出的结果是:Flying using a Object map (a map),将 ...