前几天遇到一个页面需求是这样的: 一个评论框,后面的按钮有点赞或者发送评论两种状态,其中发送按钮有根据输入框中是否有字分为可点击和不可点击两种状态。 需求:没有文字,没有聚焦——点赞没有文字,聚焦——灰色发送有文字——红…
标签:css3
CSS 行内对齐的黑魔法
本文和以前的文章类似,orange 尽量带给大家分享实际项目中的坑怎么填,当然只是提供思想,方法很多欢迎讨论,还有就是对于刚上手前端的新人不是特别友好,没关系,涉及到基础知识我会对应的进行指引,给出链接或给出提示,大家可…
rem 单位实现页面自适应布局
A. 先看一个函数: /* * 设置根元素字体大小 * @param Number minSW 最小缩放的设备屏幕宽度 * @param Number maxSW 最大缩放的设备屏幕宽度 * @param Number …
揪css系列(1)-业务代码中可用的小技巧
欢迎提issues 斧正: css小技巧 业务代码中可用的CSS技巧 兼容chrome下的10px字体 p { font-size: 10px; -webkit-transform: scale(.83); } 此方法在…
在 CSS 中使用功能查询
在 CSS 里,有一个你可能没有听过的工具,但是它已经出现一段时间了,而且非常强大。也许,它会成为 CSS 中你最喜欢的东西之一。 那么,是什么呢?就是 @support,也就是功能查询。 通过 @support,你可以…
H5打造3d场景不完全攻略(一): H5 3d表现形式
前言 日前,taobao造物节H5放肆地火了一把。相信接下来将3d嵌入网站的这种营销方式会被越来越多的人留意到。工作之余体验了若干个3d H5页面,感觉这类的H5互动体验性明显要比普通的要强,把二维的物体转化成三维,能给…
多屏互动——H5 中级进阶
前言 随着智能硬件的普及,手机,平板,PC甚至路边的电子广告牌,现代浏览器已经无处不在。在浏览器里编织出我们自己的一片天地已经轻车熟路,但是这还不够,H5赋予了浏览器太多的新特性,等待我们去使用。这篇文章介绍利用手机浏览…
css使文字显示两行后显示省略号
本人喜欢把一些实用的东东拿过来,写成文章或者收藏起来。于是乎… 直接上代码: .article { color: #000000; overflow: hidden; display: -webkit-box…
[译] Houdini:也许是你未曾听过的最振奋人心的 CSS 进化
原文链接:Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of更多译文将陆续推出,欢迎点赞+收藏+关注我的专栏,未完待续…… …
【CSS3-transition】过渡完成之后执行自定义处理
背景 CSS3中引入了很多新的特性,其中一个就是trainsition,这个新特性让我们在一种样式转变为另一种样式时,无需使用Flash & Javascript。这个特性在越来越多的项目中被应用。 回放 在写自…
【译】22个必备的CSS小技巧
原文链接:22 Essential CSS Recipes更多译文将陆续推出,欢迎点赞+收藏+关注我的专栏,未完待续…… 大家好,今天我们将会介绍一些非常实用的CSS小技巧,让我们开始吧! 混合模式 不久之前Firefo…
CSS 无图片技术总结
预览 动态移动边框<!– more –> 锯齿边框 – background 首先我们重复135度的透明背景,可以得到下面的<div class=”dem…