css3
关注
分享
扫一扫
文章平均质量分 79
陈醋拌饭
加油，皮卡丘。
展开
-
Vue 简单自定义标签
思路：1、计算每个项离父级左侧宽 left2、计算当前滑块的宽，绝对定位3、下一个项的宽/2-滑块的宽/2+下一项离父级左侧的宽 left。原创 2024-06-13 16:29:21 · 784 阅读 · 0 评论 -
JS 网格布局Grid之瀑布流
网格布局Grid之瀑布流原创 2024-05-09 15:41:10 · 1127 阅读 · 0 评论 -
CSS3 transform动画 3D旋转立体正方形
CSS3 transform动画 旋转立体正方形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>立体正方形</title> <style> #box {原创 2020-09-07 19:37:50 · 2094 阅读 · 1 评论 -
CSS3新增特性 animation属性
CSS3 animation属性使用格式： animation: name duration timing-function delay iteration-count direction fill-mode;作用：通过给元素添加animation属性，可以赋予该元素动画效果。使用实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na原创 2020-09-02 19:30:49 · 256 阅读 · 0 评论 -
transform三大属性 rotate、scale、translate
transform三大属性transform三大属性：rotate(旋转) scale(缩放) translate(移动)其他属性：skew(扭曲) matrix(矩阵变形)语法：transform：rotate | scale | skew | translate |matrix;一. 旋转rotaterotate(angle)定义2D旋转rotateX(angle)rotateY(angle)rotateZ(angle)rotate3d(angle)定义3d旋转二.原创 2020-09-05 10:44:58 · 18090 阅读 · 0 评论 -
transform三大属性之scale（缩放）
transform三大属性之scalescale(数值)定义倍数缩放，>1放大，<1缩小scaleX()通过x轴定义，仅水平方向缩放scaleY()通过y轴定义，仅垂直方向缩放scaleZ()通过z轴定义，定义3d缩放transform: scale(2);放大两倍transform: scaleX(2);水平方向放大两倍transform: scaleY(2);垂直方向放大两倍缩小同理。...原创 2020-09-05 11:03:36 · 42126 阅读 · 2 评论 -
transform三大属性之rotate（旋转）
transform三大属性之rotate原创 2020-09-05 11:06:04 · 55313 阅读 · 6 评论 -
CSS3 transform-origin属性设置元素旋转起始位置
CSS3 transform-origin属性作用：设置元素旋转的基点位置。注：元素旋转前后基点位置不变。使用：transform-origin：x-axis y-axis z-axis;x-axis取值：left、right、center、length、%y-axis取值：top、bottom、center、length、%z-axis取值：lengthtransform-origin：center center；（默认位置，以元素中心点为基点，相当于50% 50%）tran原创 2020-09-05 13:15:06 · 3784 阅读 · 0 评论