​

随笔分类 -  css3

响应式web设计与CSS3媒体查询
摘要：在之前一篇译文中，我们了解了响应式Web设计的概念、组成要素以及基本的实现思路。今天继续相关话题，我们将从前文介绍过的"弹性布局结构"这方面出发，通过一个具体的实例来深入学习。如今的屏幕分辨率，小至320px（iPhone），大到2560px甚至更高（大显示器），变化范围极大。除了使用传统的台式机，... 阅读全文
posted @ 2016-01-13 23:02 A心语 阅读(285) 评论(0) 推荐(0)
css3按钮练习
摘要：css3按钮 Twitter Facebook CSS3 HTML5 Download 阅读全文
posted @ 2015-12-01 22:05 A心语 阅读(267) 评论(0) 推荐(0)
高清ICON SVG解决方案
摘要：在上一篇文章中，我们讲述了字体渲染机制和导致iconfont出现锯齿的原因，以及如何才能出绘制高质量SVG ICON，并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何用SVG来做成高清IOCN，并且良好支持PC下的各个浏览器，并兼容IE6+以上的浏览器。从上一篇文章中我们得知SVG 做... 阅读全文
posted @ 2015-11-17 10:35 A心语 阅读(562) 评论(0) 推荐(0)
加载动画
摘要：1html css.cssload-loader { position: relative; left: calc(50% - 88px); width: 176px; height: 176px; border-radius: 50%; ... 阅读全文
posted @ 2015-11-17 10:27 A心语 阅读(310) 评论(0) 推荐(0)
CSS3阴影 box-shadow的使用和技巧总结
摘要：text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}... 阅读全文
posted @ 2015-10-30 18:02 A心语 阅读(239) 评论(0) 推荐(0)
css3动态进度条
摘要：html绿色条纹css3 效果 阅读全文
posted @ 2015-10-23 23:11 A心语 阅读(713) 评论(0) 推荐(0)
CSS3内容处理-插入文字
摘要：在过去我们可以通过后端服务器程序截取或JS截取文字后加入省略号即可。现在，我们的CSS3.0可以使用实现了!content属性： 如果我们想往段落p标签内部追加省略号只需要如下方式定义样式即可： p:after{content:"...";} 当然我们也可以追加任何文字： p:after{c... 阅读全文
posted @ 2015-10-22 14:19 A心语 阅读(1738) 评论(0) 推荐(0)
CSS3 3D Transform
摘要：三维变换使用基于二维变换的相同属性，如果您熟悉二维变换，你们发现3D变形的功能和2D变换的功能相当类似。CSS3中的3D变换主要包括以下几种功能函数：3D位移：CSS3中的3D位移主要包括translateZ()和translate3d()两个功能函数；3D旋转：CSS3中的3D旋转主要包括rota... 阅读全文
posted @ 2015-10-21 16:31 A心语 阅读(253) 评论(0) 推荐(0)
绿色条纹css3进度条代码
摘要：绿色条纹css3进度条代码 阅读全文
posted @ 2015-10-12 15:14 A心语 阅读(485) 评论(0) 推荐(0)
css3鼠标经过图片放大
摘要：jquery逐条文字向上滚动特效[12-08] 阅读全文
posted @ 2015-08-20 11:33 A心语 阅读(173) 评论(0) 推荐(0)
css3 匀速运动的圆
摘要： 阅读全文
posted @ 2015-08-20 11:27 A心语 阅读(311) 评论(0) 推荐(0)
css3绘制 macbook
摘要：MacBookMacBookescF1F2F3F4F5F6F7F8F9F10F11F12〇~`!1@2#3$4%5^6&7*8(9)0＿-＋=deletetabQWERTYUIOP{[}]|\CapsLockASDFGHJKL:;"'enterreturnshiftZXCVBNM,>.?/shift... 阅读全文
posted @ 2015-07-29 16:52 A心语 阅读(163) 评论(0) 推荐(0)
30个值得收藏的CSS代码片段
摘要：这里收集了30个非常有用的CSS代码片段，非常值得大家去收藏，以备不时之需。1、创建跨浏览器的图像灰度如何将图片制作为灰度图片，而且在所有的浏览器中都表现一致呢？答案是结合使用svg和filter过滤器。 img {filter: url(filters.svg#grayscale); /* Fir... 阅读全文
posted @ 2015-07-22 17:37 A心语 阅读(363) 评论(0) 推荐(0)

返回上一页
WEB前端｜JS | jquery