css
施玥喵
一只前端小白
展开
-
css3 图片旋转
关键代码//数值越大,转速越缓慢(30s) animation: rotate 30s linear infinite; @keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webk原创 2022-04-11 14:06:51 · 1378 阅读 · 0 评论 -
css让两个不同高度的盒子,顶部对齐
定义和用法vertical-align 属性设置元素的垂直对齐方式。baseline 默认。元素放置在父元素的基线上。sub 垂直对齐文本的下标。super 垂直对齐文本的上标top 把元素的顶端与行中最高元素的顶端对齐text-top 把元素的顶端与父元素字体的顶端对齐middle 把此元素放置在父元素的中部。bottom 把元素的顶端与行中最低的元素的顶端对齐。text-bottom 把元素的底端与父元素字体的底端对齐。length % 使用 "line-height" 属性的百原创 2020-08-31 17:02:07 · 5701 阅读 · 0 评论 -
css3动画 360°旋转 放大 旋转放大 上下左右移动例子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ width:120px; height:120px; line-height:120px;原创 2020-10-26 13:53:01 · 427 阅读 · 0 评论 -
css3边框阴影详解
https://www.cnblogs.com/nyw1983/p/11348568.html原创 2021-07-27 11:40:07 · 383 阅读 · 0 评论 -
css奇怪布局(一)
css 奇怪布局(思路)记录日常布局这个布局时有一个底部背景图,不能遮挡li标签。这边做了.newtustudy(父亲) 相对定位。.newtustudy_bg 线条背景图绝对定位在底部, z-index: 0;ul { padding-bottom: 1200px;} 1200px是 .newtustudy_bg的高度。最后一个li标签绝对定位,且 z-index: 1;<template> <div class="newtustudy">原创 2022-04-07 11:58:51 · 374 阅读 · 0 评论 -
css3 文字竖着排列,且有间距
writing-mode:horizontal-tb;//默认:水平方向,从上到下 writing-mode:vertical-rl; //垂直方向,从右向左writing-mode:vertical-lr; //垂直方向,从左向右letter-spacing来设置字与字间距_字符间距离,字体间距css样式text-indent设置抬头距离css缩进 i { writing-mode: vertical-rl; margin-top: 48px;原创 2022-04-08 10:39:48 · 1631 阅读 · 0 评论 -
vue el-radio和 el-checkbox样式修改
el-radio /deep/ .el-radio { margin-bottom: 15px; } /deep/ .el-radio__inner:hover { border-color: #ffdc82; } /deep/ .el-radio__label { color: #ffdc82; font-size: 20px; } /deep/ .el-rad原创 2022-04-08 15:00:22 · 2527 阅读 · 0 评论