1.前言,看过很多的轮播器代码;但是心中,老想着有没有简单的办法来实现同样的效果。搜到这个(下方链接),眼前一亮,便动手实践改进。主要工作,还是对文章第一段提出的“如果中间间隔有图片,那么在css3动画的执行过程中还是会…
分类:css3
css创建优雅自然的打开动画
前言 Google Material Design花了很大篇幅介绍了优雅自然的动画应该具备哪些特性。不仅仅是视觉上的观感,还能帮助提高用户界面的可用性,提升用户体验。官方文档讲的很细致,有很多典型视频示例,可惜缺少代码示…
H5打造3d场景不完全攻略(二): Amazing CSS3D
前言 对的,本文就是着重介绍如何使用CSS3中的3D变换打造出H5中的3D效果。灵感来源于造物节团队的3d引擎,因为使用方法比较复杂,也没有开源的API文档,于是想自己另外造个轮子,便开始了相关内容的学习和实践。众所周知…
CSS 实现 1px 以内的移动
之前的文章说过关于行内元素垂直方向对齐的方案。感兴趣的可以看我的往期文章。在上一篇文章里我们提到了 1px 内的移动问题。本文就一像素内的问题给出解决方案。 可能大家看过关于 Retina 屏幕的一像素边框问题,注意这里…
CSS中一些利用伪类、伪元素和相邻元素选择器的技巧
前几天遇到一个页面需求是这样的: 一个评论框,后面的按钮有点赞或者发送评论两种状态,其中发送按钮有根据输入框中是否有字分为可点击和不可点击两种状态。 需求:没有文字,没有聚焦——点赞没有文字,聚焦——灰色发送有文字——红…
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使文章更加有说服力。 当时就去查了许多资料,百度里说得各种天花乱坠,没点用,我只想说: 能不能…