css
关注
分享
扫一扫
左森
这个作者很懒，什么都没留下…
展开
-
css排版左对齐
template: <div class="box"> <div v-for=""> <div>内容</div> </div> </div>styl原创 2018-11-30 13:14:37 · 4653 阅读 · 0 评论 -
css书写小技巧
// 1. 小图片切换显示建议切换类名来控制// 例：// :class="‘aP-’+item.auditStatus"// .approvalProcess.aP-1 {// .icon.icon1 {// background-image: url(’~@img/icon_x’x’x.png’)// }// }// .approvalProce...原创 2019-06-11 14:15:42 · 150 阅读 · 0 评论 -
css小笔记
做滚动 flex: auto 要配合overflow: auto;来使用不然会有兼容 或者直接用flex： 1原创 2019-05-21 09:02:54 · 120 阅读 · 0 评论 -
css简单去除行高
思路： 标签行高设置为字体大小// 例div { font-size: 16px; line-height: 16px;}原创 2019-05-10 11:16:33 · 5864 阅读 · 0 评论 -
js实现点击复制按钮复制文本
&lt;input type="text" v-model="servers.kVirAcctNo" readonly="readonly" ref="inputText"&gt; &lt;span @click="copy()" c原创 2019-01-16 18:01:02 · 952 阅读 · 0 评论 -
跑马灯滚动屏
<div class="scrollBar"> <div> <img src="../../assets/images/foodDeal/u91.png" alt=""> <img src="../../assets/images/food原创 2019-01-22 14:26:35 · 237 阅读 · 0 评论 -
落叶与雪花
//css @keyframes tY1000 { 0% {transform: translateY(-50px) rotate(180deg)} 100% {transform: translateY(800px) rotate(180deg)} } .object { position: fixed; top: 0;...原创 2019-01-10 14:57:17 · 171 阅读 · 0 评论 -
超过显示...展开
template: &lt;div class="info1"&gt; &lt;!-- &lt;p&gt;{{server[0].thUintroduceText}}&lt;/p&gt; --&gt; &lt;p ref="p原创 2018-12-25 17:34:17 · 177 阅读 · 0 评论 -
背景固定兼容处理
div {&amp;:before { content: ' '; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; b...原创 2019-01-10 14:17:54 · 135 阅读 · 0 评论 -
旋转动画css3
旋转动画css3//cssi {animation: rotate 1s infinite;}@keyframes rotate { 0% {transform: rotate(0)} 10% {transform: rotate(36deg)} 20% {transform: rotate(72deg)} 30% {transform: rotate(108deg)}...原创 2018-12-24 15:29:56 · 421 阅读 · 1 评论 -
css文本域
<textarea cols="30" rows="4"> 这是个文本域</textarea>原创 2018-12-29 13:48:56 · 2288 阅读 · 0 评论 -
css改变鼠标光标样式cursor
div{ cursor:default }默认正常鼠标指针div{ cursor:text } 文本选择效果div{ cursor:move } 移动选择效果div{ cursor:pointer } 手指形状 链接选择效果原创 2018-12-18 11:32:20 · 503 阅读 · 0 评论 -
css阴影
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);原创 2018-12-27 15:39:08 · 106 阅读 · 0 评论 -
css超出设置省略号
注意: 不能是行内元素text-overflow: ellipsis;white-space: nowrap;overflow: hidden;原创 2018-12-13 16:37:42 · 161 阅读 · 0 评论 -
vue配置公共css
创建src/css/base.css*{padding:0;margin:0;}src/main.jsimport "./css/base.css"原创 2018-12-05 09:15:46 · 1294 阅读 · 0 评论 -
处理移动端1px问题
处理移动端1px问题/* prettier-ignore */height: 1PX翻译 2018-11-29 13:51:18 · 198 阅读 · 0 评论 -
css实现收缩，高度自适应
思路：利用input中的checkbox来区分是否收缩通过js设置初始高度（不设置无法实现过渡效果）通过过渡实现缓慢动画全部代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=...原创 2019-06-24 16:32:39 · 3511 阅读 · 0 评论