HTML/CSS | 微言心语

HTML/CSS 悬停图片旋转

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

GavinWu 2022年05月25日 HTML/CSS

464 0 0

纯CSS实现中间文字两端横线的方法. 效果演示代码演示 line 第一种方法第二种方法第三种方法

GavinWu 2022年05月23日 HTML/CSS

634 0 0

一个大盒子里，小盒子整齐排列，自动换行。 .cont{ display: flex; align-items: center; justify-content: space-between; flex-flow:row wrap; widt…

GavinWu 2022年05月12日 HTML/CSS

430 0 0

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

GavinWu 2022年05月06日 HTML/CSS

414 0 0

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

GavinWu 2022年03月27日 HTML/CSS

387 1 1

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

GavinWu 2022年03月23日 HTML/CSS

191 0 2

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

GavinWu 2022年03月18日 HTML/CSS

433 0 1