一、常用快捷键 显示/旋转鼠标中键 显示/平移 Shift+中键 编辑/辅助线/显示 Shift＋ Q 编辑/…
不静之心
总是乐于收藏和分享，有助于个人成长
分类：美工
利用css3修改input[type=radio]样式
原文写很好 https://segmentfault.com/a/1190000009451568
使用CSS + svg 实现中间镂空的图片遮罩效果，css遮罩
http://www.bkjia.com/CSSjc/1085925.html 镂空一个洞的代码 [crayo…
CSS3 radial-gradient径向渐变语法及辅助理解案例10则
参考: http://www.zhangxinxu.com/wordpress/2017/11/css3-ra…
H5移动端知识点总结
H5移动端知识点总结 https://my.oschina.net/u/3689829/blog/154063…
HTML5中判断横屏竖屏
HTML5中判断横屏竖屏 https://my.oschina.net/u/2306318/blog/1140…
css的三角形使用
原文： http://ourjs.com/detail/532bc9f36922aa7e1d000001 类似…
CSS3动画箭头
CSS3动画箭头 http://www.cnblogs.com/wangyongx/p/6052672.htm…
HTML
HTML <area><map>标签及在实际开发中的应用 http://www.zha…
正确显示textarea中输入的回车和空格
正确显示textarea中输入的回车和空格 http://www.blogjava.net/hunter129…
使用jQuery和ajax代替iframe
使用jQuery和ajax代替iframe https://my.oschina.net/yanyaya/bl…
img的变形
img的变形 https://my.oschina.net/Cubicluo/blog/839135 &nbs…
使用 jQuery 加载 css 文件
使用 jQuery 加载 css 文件 http://www.jquery001.com/jquery-loa…
Autoprefixer 6.6.1 发布，浏览器前缀处理工具
https://www.oschina.net/news/80674/autoprefixer-6-6-1 A…
CSS3 Flexbox 属性可视化指南
CSS3 Flexbox 属性可视化指南 http://www.yyyweb.com/4606.html Fl…
CSS伪类元素 ：after ：before
CSS伪类元素 ：after ：before https://my.oschina.net/u/2991733…
css伪类选择器
css伪类选择器 https://my.oschina.net/shuinian/blog/783831 我们…
字体笔记
字体笔记 http://www.ruanyifeng.com/blog/2008/06/typography_…
震撼人心的HTML5文字字体特效
10大炫酷的HTML5文字动画特效欣赏 http://www.html5tricks.com/10-cool-…
jQuery Jcrop 图像裁剪
jQuery Jcrop 图像裁剪 http://code.ciaoca.com/jquery/jcrop/ …
免费的Web UI开发套件
免费的Web UI开发套件 https://my.oschina.net/yida/blog/759312 &…
CSS @font-face(CSS 自定义字体)
CSS @font-face(CSS 自定义字体) http://blog.csdn.net/notejs/a…
CSS3渐变——线性渐变
CSS3渐变——线性渐变 http://www.w3cplus.com/css3/new-css3-linea…
SVG – Path 详解
SVG 研究之路 (4) – Path 基礎篇 http://www.oxxostudio.tw/…
10 个非常有用的 SVG 动画的 JavaScript 库
10 个非常有用的 SVG 动画的 JavaScript 库 https://www.oschina.net/…
使用梯形模拟一个六边形
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title>Test</title> <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'> </head> <body> <div class="trapezoid" style="width: 220px; height: 200px; background: #000000"> <div class="trapezoid-1" style="height:0; width:100px; border-bottom:100px solid #222; border-left:60px solid transparent; border-right:60px solid transparent;"></div> <div class="trapezoid-2" style="height:0; width:100px; border-top:100px solid #222; border-left:60px solid transparent; border-right:60px solid transparent; "></div> <div class="trapezoid-1" style="height:0; width:94px; border-bottom:97px solid #000000; border-left:60px solid transparent; border-right:60px solid transparent; position: relative; top: -197px; left: 3px;"></div> <div class="trapezoid-2" style="height:0; width:94px; border-top:97px solid #000000; border-left:60px solid transparent; border-right:60px solid transparent; position: relative; top: -197px; left: 3px;"></div> </div> </body> </html> |
echarts在bootstrap modal不能正常渲染
echarts在bootstrap modal不能正常渲染 http://my.oschina.net/u/1…
HTML5你必须知道的28个新特性
HTML5你必须知道的28个新特性 http://my.oschina.net/jn199/blog/7411…
box-shadow属性的使用方法
box-shadow属性的使用方法 http://my.oschina.net/u/2561199/blog/…
css 尺寸单位
css 尺寸单位 http://my.oschina.net/myrainspace/blog/735066 …
Swiper 应用较广泛的移动端网页触摸内容滑动js
Swiper 是目前应用较广泛的移动端网页触摸内容滑动js插件 http://www.swiper.com.c…
宽度固定，字体充满整个div
宽度固定，字体充满整个div http://my.oschina.net/zhangxuman/blog/73…
纯CSS3多层云彩变换动画特效
纯CSS3多层云彩变换动画特效 原文： http://hovertree.com/h/bjaf/hvtplan…
如何将页脚固定在页面底部
如何将页脚固定在页面底部 http://www.w3cplus.com/css/css-sticky-foot…
CSS3动画简介
CSS3动画简介 原文http://www.ruanyifeng.com/blog/2014/02/css_t…
