关注前端 | 前端博客

css 制作IOS开关

css .weui-cells_form label[for]{   -webkit-tap-highlight-color: rgba(0,0,0,0); } .rookie-switch-input {   position: absolute;   z-index: -9...

阅读全文

2020年05月03日 337℃ 0条评论 1喜欢

三栏布局,左右栏宽为300px,中间自适应

1. flexbox 弹性伸缩盒子 2. table 表格布局 3. absolute 绝对定位 4. grid网格布局 5. float 浮动布局 <!DOCTYPE html> <html lang="en"> <head>     <me...

阅读全文

2019年12月21日 454℃ 0条评论 1喜欢

垂直居中的几种方法

第一种:父元素宽高不确定,元素垂直水平居中 table table-cell <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平垂直居中&l...

阅读全文

2018年07月10日 651℃ 0条评论 0喜欢

C3-box-reflect属性

取值: direction: above:倒影想上方; below:倒影在下方; left:倒影在左边; right:倒影在右边。 offset: 可用单位:px 百分比 mask-box-image: none:无遮罩图像 url:使用绝对或相对地...

阅读全文

2018年07月08日 582℃ 0条评论 0喜欢

C3-过渡transition属性

transition是css3新增属性,可不用JavaScript、jQuery、flash等实现一些动画 transition:简写属性,一共4个值: transition-property:css属性名,width、height…; transition-duration:过渡需要花费的...

阅读全文

2018年07月08日 753℃ 0条评论 0喜欢

C3-animation

animation复合属性 animation-name: 规定动画名称; animation-duration: 动画执行完成所需时间,单位s; animation-timing-function: 动画运动曲线,默认为ease; animation-delay: 规定是否延迟执...

阅读全文

2018年07月08日 921℃ 3条评论 2喜欢

C3-text-shadow属性

text-shadow复合属性 css3新增文本属性,给文本做修饰的,属性的值可跟多组,用逗号隔开。 语法:text-shadow: h-shadow v-shadow blur color。 h-shadow:水平方向偏移; v-shadow:垂直方向偏移; blur...

阅读全文

2018年07月08日 1043℃ 0条评论 1喜欢

C3-新增文本属性

text-overflow 定义文本溢出时所做的事,结合white-space、overflow属性一同使用,分别有3个值: clip:超出时裁剪文本 ellipsis:超出时显示省略号 inherit:继承 word-break 规定文本换行的规则...

阅读全文

2018年07月08日 580℃ 0条评论 0喜欢

博客简介

一个不知名的前端菜鸟,梦想能够飞上青天!
掘金 思否 npm github

精彩评论

服务热线:
 177****6038

 QQ在线交流

 旺旺在线