前几天遇到一个页面需求是这样的: 一个评论框,后面的按钮有点赞或者发送评论两种状态,其中发送按钮有根据输入框中是否有字分为可点击和不可点击两种状态。 需求:没有文字,没有聚焦——点赞没有文字,聚焦——灰色发送有文字——红…
标签:css3
CSS 行内对齐的黑魔法
本文和以前的文章类似,orange 尽量带给大家分享实际项目中的坑怎么填,当然只是提供思想,方法很多欢迎讨论,还有就是对于刚上手前端的新人不是特别友好,没关系,涉及到基础知识我会对应的进行指引,给出链接或给出提示,大家可…
在 CSS 中使用功能查询
在 CSS 里,有一个你可能没有听过的工具,但是它已经出现一段时间了,而且非常强大。也许,它会成为 CSS 中你最喜欢的东西之一。 那么,是什么呢?就是 @support,也就是功能查询。 通过 @support,你可以…
css使文字显示两行后显示省略号
本人喜欢把一些实用的东东拿过来,写成文章或者收藏起来。于是乎… 直接上代码: .article { color: #000000; overflow: hidden; display: -webkit-box…
[译] Houdini:也许是你未曾听过的最振奋人心的 CSS 进化
原文链接:Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of更多译文将陆续推出,欢迎点赞+收藏+关注我的专栏,未完待续…… …
【译】22个必备的CSS小技巧
原文链接:22 Essential CSS Recipes更多译文将陆续推出,欢迎点赞+收藏+关注我的专栏,未完待续…… 大家好,今天我们将会介绍一些非常实用的CSS小技巧,让我们开始吧! 混合模式 不久之前Firefo…
CSS 无图片技术总结
预览 动态移动边框<!– more –> 锯齿边框 – background 首先我们重复135度的透明背景,可以得到下面的<div class=”dem…
如何直接访问github的html项目
我其实也是个刚刚入行没多久的新人,github玩的比较少,上次发了一篇文章,部门老大希望我在github上创建一个演示demo使文章更加有说服力。 当时就去查了许多资料,百度里说得各种天花乱坠,没点用,我只想说: 能不能…
【二次元的CSS】—— 用 DIV + CSS3 画大白(详解步骤)
原本自己也想画大白,正巧看到一位同学(github:https://github.com/shiyiwang)也用相同的方法画了。 且细节相当到位。所以我就fork了一下,在此我也分享一下。同时,我也希望有更多的同学发挥…
【二次元的CSS】—— 用 DIV + CSS3 画Hello Kitty(详解步骤)
原本自己也想画Hello Kitty,正巧看到一位外国友人Lauren McConachie(她的个人网站: http://lorenai.com。)也用相同的方法画了。 且细节相当到位。在此我也分享一下。(出于尊重原作…
【二次元的CSS】—— 用 DIV + LESS 做一个小黄人构造器
仅仅使用div作为身体的布局,用css3的各种transform和圆角属性来绘制各个细节的形状,当然也不会使用任何图片哦。那就没意思了。 有的同学说,用canvas不是能画得更逼真而且更简单吗?这点我也非常赞同,但我的理…
flex-item的flex-basis与width属性有什么关系?
我们知道,给一个元素A设置display: flex; ,那么A就是flex container,此时如果A元素有三个子元素A-1,A-2,A-3,那么这三个子元素便是A的flex item,我们可以给flex item…