html和css
关注
分享
扫一扫
文章平均质量分 55
该编程了
研一
展开
-
css之弹性盒
一、弹性盒介绍flex(弹性盒、伸缩盒) 是CSS中的又一种布局手段，它主要用来代替浮动来完成页面的布局 flex可以使元素具有弹性，让元素可以跟随页面的大小的改变而改变 弹性容器 要使用弹性盒，必须先将一个元素设置为弹性容器 我们通过 display 来设置弹性容器 display:flex 设置为块级弹性容器 ...原创 2022-05-07 22:25:04 · 262 阅读 · 0 评论 -
css动画旋转加平移实现3D图片墙
一、实现效果二、代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">.原创 2022-05-04 21:01:44 · 484 阅读 · 0 评论 -
css动画加旋转制作钟
一、实现效果二、代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">.原创 2022-05-04 15:23:49 · 151 阅读 · 0 评论 -
css平移
目录一、变形就是指通过CSS来改变元素的形状或位置二、平移如何使元素在页面的正中大小不确定，仅被内容撑开)三、z轴平移（并没有改变元素的大小）一、变形就是指通过CSS来改变元素的形状或位置变形不会影响到页面的布局 transform 用来设置元素的变形效果 平移：translateX() 沿着x轴方向平移translateY() 沿着y轴方向平移translateZ() 沿着z轴方向平移平移元素，百分比是相对于自身计算的transform: tran...原创 2022-05-04 12:31:02 · 5996 阅读 · 0 评论 -
css过渡之让米兔走起来
一、过渡的作用过渡（transition） - 通过过渡可以指定一个属性发生变化时的切换方式 - 通过过渡可以创建一些非常好的效果，提升用户的体验二、过渡的相关属性transition-property: 指定要执行过渡的属性多个属性间使用,隔开如果所有属性都需要过渡，则使用all关键字大部分属性都支持过渡效果，注意过渡时必须是从一个有效数值向另外一个有效数值进行过渡。例： tra...原创 2022-05-02 19:02:36 · 169 阅读 · 0 评论 -
css图片背景之雪碧图的使用
css图片背景之雪碧图的使用原创 2022-04-30 14:36:33 · 998 阅读 · 3 评论