CSS实现文字炫彩渐变

先看效果 再看代码: 实现中华民族的伟大复兴 p{ color : #313131; font-size:30px; vertical-align : middle; background : linear-gradient(to righ…

HTML/CSS 悬停图片旋转

这是主要是应用一个transition的效果rotateZ,他定义了一个转换,它可以让一个元素围绕横Z轴旋转,而不会对其进行变形。 本文右侧的文章作者卡片的头像就应用了这个效果。 代码如下 先看CSS代码,内容有详细的说明 .avatar …

利用content和伪类给高亮代码添加语言名称

今天在看露兜即刻时发现,他的所有PRISM代码头部都有一个语言名称的文件头,效果很棒。无耻的看了他的网页源码,发现在代码前面都有一个盒子 看了一下,原来是通过content赋予rel的值,达到动态内容。然后css用before伪类在盒子前面…

jquery所有版本下载

目前jQuery有三个大版本: 1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了 2.x:不兼容ie678,很少有人使用,官方只做BUG维护,功能不再新增。如果不考虑兼容低版…

HTML/CSS——renderer

如果一个网站大量采用了html5和css3,希望用户都以支持H5和css3的webkit内核打开页面,则需要设置content="webkit"来使用浏览器进行渲染。 content的取值为webkit,ie-comp,ie-stand之一…

HTML/CSS——viewport

什么是viewport viewport是针对移动设备的响应式设计。viewport 直接翻译就是用户网页的可视区域。通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是…

rem与px的转换

rem是相对于根元素,这样就意味着,我们只需要在根元素确定一个参考值,这个参考值设置为多少,完全可以根据您自己的需求来定。 我们知道,浏览器默认的字号16px,来看一些px单位与rem之间的转换关系: | px | rem | ------…