CSS
CSS
果真zZ
这个作者很懒,什么都没留下…
展开
-
element-ui table浏览器打印宽度没办法自适应,太短问题
问题如图没有办法正常撑开宽度解决办法加入如下css<style lang="scss">@media print { .el-table{ .el-table__body{ width:100%!important; } th{ display: table-cell !important; } .cell{ width:100%!important; } }}</style原创 2021-07-23 11:13:55 · 1223 阅读 · 1 评论 -
卡片列表动画
卡片列表动画想实现的效果方案https://animista.net/play/entrances/slide-in/slide-in-left 加上后面的卡片比前面的延迟个0.1代码 /** * 左滑 start */ .slide-in-left { -webkit-animation: slide-in-left 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-l原创 2021-02-02 10:52:30 · 174 阅读 · 1 评论 -
svg生成页面水印
svg生成页面水印1、生成svg通过这个通道快捷生成快速通道使用安全转义后的2、使用.content{ background: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' font-size='14' fill-opacity='0.5' text-anchor='middle' domina原创 2020-11-18 13:48:19 · 767 阅读 · 0 评论 -
ios与android移动端input输入框disabled样式不一致问题
ios与android移动端input输入框disabled样式不一致问题主要原因:ios会在input框为disabled时做透明度的设置解决方法如下input.disabled { -webkit-text-fill-color: #909399;//填充字体颜色 这个生效的时候 设置的color就不生效 opacity: 1 ;//设置透明度 background-color: transparent ;//去掉安卓背景色}...原创 2020-11-17 11:00:24 · 462 阅读 · 1 评论 -
悬浮菜单
悬浮菜单效果演示## 使用方法<hch-menu></hch-menu>import HchMune from '../../components/hch-menu/hch-menu.vue'export default { components: { HchMune }}源码地址动画效果纯css3实现开源不易,喜欢的请start...原创 2020-08-15 22:52:27 · 305 阅读 · 0 评论 -
修改ifream里面嵌套的样式
修改ifream里面嵌套的样式ifream的样式只能通过js修改let codeTips = document.getElementById("iframe的id").contentWindow.document.getElementById("找到ifream里面的id")codeTips.style.zIndex = '5'//将样式的z-index改为5 注意是要驼峰的写法通过以上的查找可以获取到ifream里面的节点进行修改...原创 2020-07-23 11:21:00 · 1481 阅读 · 0 评论 -
class类名命名的关键字
class类名命名的关键字常见class关键词:布局类:header, footer, container, main, content, aside, page, section包裹类:wrap, inner区块类:region, block, box结构类:hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span列表类:list, item, field主次类:primary, secondary, sub, mi原创 2020-07-20 23:38:51 · 953 阅读 · 0 评论