css3

text-stroke实现的文字外描边效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont...
Cecilio 发布于 11个月前 722

css3 3D 旋转

一个简单的3D旋转实例 果然还是应该先上图 要点描述: 容器元素应用3d变换。 transform-style: preserve-3d; 容器元素指定透视点。perspective: 1200px; 数值大小根据情况自行调整。 每...
Cecilio 发布于 1年前 317

css3 文章的多列布局

.column{ width: 400px; padding: 10px; column-count: 3; column-gap: 40px; column-rule-width: 1px; ...
lblis 发布于 1年前 246

checkbox 的选中状态样式

主要是checked 伪类的使用 input[type="checkbox"]:checked:after{ content: " "; height: 20px; width: 50px; display: block; ...
lblis 发布于 1年前 274

用 CSS3 画几何图形

.item { padding: 10px; height: 300px; box-sizing: border-box; } /*方形没啥好讲的*/ .square { width: 200px; ...
lblis 发布于 1年前 341

CSS3 Transform 引起的 z-index "失效"

引起失效的transform: .outer-box { position: absolute; width: 300vh; height: 100vm; transform: rotate(90deg); transf...
wuwj001 发布于 1年前 323

用css3 的 transform 做3d 旋转

css: .demo-3d{ transform-style: preserve-3d; width: 500px; margin: auto; position: relative; top: 10...
lblis 发布于 1年前 299