CSS3
关注
分享
扫一扫
昨夜太平长安888
愿你我既可以朝九晚五，也可以浪迹天涯；愿你我既可以拈花把酒，也能围炉诗书茶。
展开
-
CSS3 图片旋转
项目中需要的效果，外面和里面的正转，中间的反转，看效果：图片：直接贴代码： <div class="dataContent"> <div class="classPerson"> <div class="personTitle">当前教室人员情况</div> <div class="imgBox"> <img s原创 2021-01-28 16:59:05 · 215 阅读 · 0 评论 -
css，图片和文字在父元素垂直居中
css，图片和文字在父元素垂直居中，且图片和文字在中线对齐排列的几种方式一，用flex的副轴来垂直居中对齐1.副轴（由上到下）设置居中对齐（align-items: center;）即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .原创 2020-12-09 10:33:46 · 1030 阅读 · 0 评论 -
CSS3 弹性布局 flex
什么是弹性布局？ 弹性布局又称弹性盒子，伸缩盒子，是css3中的有一种布局方法，主要用来代替浮动float来完成页面布局；可以使元素具有弹性，可以根据浏览器窗口的大小，进行自适应的放大缩小。弹性容器： 要使用弹性布局，就必须先将一个元素设置为弹性容器； 我们可以通过 display 来设置弹性容器；display ：flex ；设置为块级弹...原创 2020-03-02 14:44:32 · 325 阅读 · 0 评论 -
CSS3 过渡属性 transition
transition 过渡属性transition-property：all / width /height； 选择需要过渡属性的昵称，如果你是想让宽width过渡移动，就直接给width；all（宽和高）transition-duration：0.5s； 定义过渡效果所花费的时间；transition-timing-function：linear； 规定过渡效...原创 2019-09-18 00:21:01 · 1406 阅读 · 0 评论