css3
关注
分享
扫一扫
干了这碗小米汤儿
感恩遇见 多多关照
展开
-
图片水平垂直居中
图片水平垂直居中父元素的宽高固定，图片宽高不等，要实现图片自适应的水平垂直居中想要实现效果如下：方法一：添加背景图<div class="box" style="width:200px;height:200px"></div><style> .box{ background:url("../../img/pic.png") center ..原创 2019-01-11 11:48:40 · 295 阅读 · 0 评论 -
vue中动态绑定背景图, 图片水平垂直居中
vue中动态绑定背景图，并且使宽高不等的图片水平垂直居中外层父元素固定宽高，让图片垂直居中的方法<div style="width:200px;height:200px;"> <div :style="{backgroundImage: 'url(' + item.image + ')', backgroundSize:'contain',backgroundRepeat:...原创 2019-01-11 11:29:50 · 5891 阅读 · 0 评论 -
css 超出文本 省略号
css 超出文本 省略号 简便快捷！1. 单行文本 超出隐藏 省略号实现方法： overflow: hidden; text-overflow:ellipsis; white-space: nowrap;效果：2. 多行文本超出隐藏 显示省略号实现方法： display: -webkit-box; -webkit-box-orient: v...原创 2018-12-29 15:17:38 · 539 阅读 · 0 评论 -
css设置可以滚动但是不显示滚动条
如果需要内容滚动，但是又不想显示滚动条，就要隐藏滚动条div{height:200px;//overflow:hidden;overflow-y:scroll;}/* scroll-view 不显示滚动条 */::-webkit-scrollbar { width: 0; height: 0; background-color: transparent;}...原创 2020-01-13 16:45:56 · 4900 阅读 · 0 评论 -
CSS3 设置特殊字体的方法@font-face
问题：在开发过程中我们经常在设计图 中看到一些特殊字体，这些字体并不是系统自带的字体，那要怎么引用特殊字体呢？？兼容性 ：IE9 只支持 .eot 类型的字体, Firefox, Chrome, Safari, 和 Opera 支持 .ttf 与.otf 两种类型字体.注意： IE 8 及更早IE版本不支持@font-face 规则.简单上手的使用过程：1.先看文件放置位置，这里fon...原创 2019-12-26 09:43:16 · 916 阅读 · 0 评论 -
更多箭头按钮不停闪烁animation
我们常见的一个效果就是 有向右或者向后的箭头在不停地显隐闪烁 指引我们点进去查看更多。附上简单的几张效果图：附上代码：主要应用的是css3 animation动画效果及其中无限循环的属性/* animation-iteration-count: n|infinite;定义播放的次数n次|无限循环infinite*/<head> <meta ch...原创 2019-12-19 10:20:37 · 1003 阅读 · 0 评论