文章关键字 ‘边框’

666,看hr标签实现分隔线如何玩出花

2021年05月30日,星期日

草泥马 简笔画 html hr

本文展示大量使用HTML hr标签实现的分隔线效果,语义好,效果也好,直接复制粘贴就能使用,进来看看CSS + hr标签能玩出什么花吧~

阅读全文…

妙法攻略:渐变虚框及边框滚动动画的纯CSS实现

2018年08月30日,星期四

本文内容如题,介绍几个实现渐变虚线框的方法,介绍虚线滚动动画,实线滚动边框动画的实现,所有这些方法都是纯CSS实现,就算这些动画效果你实际项目用不到,但是其大开眼界的实现原理相信也会给你有所启示的。

一如既往,有demo实例,有源代码展示,和必要的截图,希望本文的内容能够对您的学习有所帮助。

阅读全文…

翻译:关于完美圆角实现的研究

2013年01月5日,星期六

一些拓荒者,希望身体力行尝试些新的东西,这些东西的成果往往都是纯粹的实验结果,或者总结的可能并不准确的理论。对于实用主义者而言,这些似乎是很枯燥的。
还有一类人属于实践者,他们总敏锐捕捉到一些新颖的理论或实验结果,然后尝试性地应用在实践中。可能这些实践并不完美,也有可能成为了该方法的创造者。
还有一类人属于求知者,时刻关注新技术的发展与脉动,于是他们成为了一些新方法飞推广者。
还有一类人属于跟风者,这个技术大牛或某大网站使用了,于是,……

阅读全文…

CSS border三角、圆角图形生成技术简介

2010年05月5日,星期三

利用CSS的border属性可以生成一些图形,例如三角或是圆角。纯粹的CSS2的内容,没有兼容性的问题,我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原理,以及实例。我觉得此技术相当实用的,故本文再次简单叙述一下,另外,本文还将展示可能并不为众人所知的CSS border圆角生成技术。
本文内容不多也不深,依旧提供丰富的截图演示。

阅读全文…