Css
文章平均质量分 59
月亮巡视人间
这个作者很懒,什么都没留下…
展开
-
/deep/和>>>和::v-deep
在style经常用scoped属性实现组件的私有化时,要改变element-ui某个深层元素(eg:.el-input__inner)或其他深层样式时,需要使用/deep/,如.conBox /deep/ .el-input__inner{ padding:0 10px;}注意,/deep/在vue 3.0会报错如果/deep/报错,可采用::v-deep,效果基本一样.conBox ::v-deep .el-input__inner{ padding:0 10px;原创 2022-02-11 15:50:18 · 432 阅读 · 0 评论 -
【无标题】CSS实现漂亮按钮
一.弹跳效果 创建一个静态的按钮; 然后利用animation属性,创建动画,当变换到50%时,按钮变换到1.2倍,到动画100%时按钮又恢复原样。 <div class="button1"> <span>立即下载</span></div>.button1 { width: 200px; height: 46px; line-height: 46px; background: #2e.原创 2021-12-30 19:35:39 · 638 阅读 · 0 评论 -
CSS 渐变色 (超好看)
分享两个个人感觉超级好看的渐变色:下面贴出代码: .rainbow { width: 200px; height: 50px; background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%); } .azure { widt...原创 2018-09-20 17:58:54 · 35533 阅读 · 10 评论 -
关于移动端布局(响应式布局),你必须要知道的
前言响应式Web设计可以让一个网站同时适配多种设备和多个屏幕,可以让网站的布局和功能随用户的使用环境(屏幕大小、输入方式、设备/浏览器能力)而变化。本文主要介绍一些响应式布局容易忽略但又很重要的知识点。视口移动前端中常说的 viewport (视口)就是浏览器中用于呈现网页的区域。视口通常并不等于屏幕大小,特别是可以缩放浏览器窗口的情况下。手机端与PC端视口存在差异,电脑端的视口宽度等...转载 2019-01-07 19:41:12 · 4752 阅读 · 0 评论 -
VUE 文字无缝滚动 及 停顿滚动 --CSS动画
大家可以直接把下面代码完整的copy到自己项目里,看一下效果,效果就是在电商项目抽奖里名单公布的那种效果<template> <div> <h1>demo11</h1> <h2>文字无缝滚动+停顿滚动 -- CSS动画</h2> <div class="text-container"> ...原创 2019-04-20 18:47:37 · 4130 阅读 · 0 评论