今天写代码突然遇见个有趣的问题，选择放大和缩小

最新推荐文章于 2024-07-18 20:18:47 发布
最新推荐文章于 2024-07-18 20:18:47 发布
阅读量118 收藏
点赞数
文章标签： css css3 前端 uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liubaoheng/article/details/121697595
版权

这纯属是一个bug搞成的，感觉以后可能会遇到就记录下。

刚开始的需求就是要搞一个列表，然后点击选中某个卡片设置未选中状态(卡片左右有个细小的边框)，其他的卡片就取消边框：

如果非选中的卡片有缩小就设置:border: 0px solid #FFFFFF;

如果选中的卡片有种闪动的效果:border: 1px solid #FFFFFF;

这样设置就会在这点击选中卡片会有种放大缩小的效果，记录下以后可能会用到

 

朝着阳光飞去
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
QToolTip设置样式的三种方法、QToolTip换行显示
萧海的博客
04-30 5185
1、控件样式表 代码：QToolTip{border: 0px solid;background:red;color:#ffffff;}" 2、代码样式表 控件或全局皆可： 全局：qApp->setStyleSheet(“QToolTip{border: 0px solid black;background:red;}”); 控件：QLabel m_label； m_label->setStyleSheet(“QToolTip{border: 0px solid black;backgroun
Qt 滚动条样式
sunshine_505的博客
05-13 1628
QScrollArea{ border:0px solid; border-radius: 2px; } QScrollBar:vertical { width: 4px; border:0px solid; border-radius: 2px; margin: 0px,0px,0px,0px; background-color: transparent; b...
Typora文字变红
JIE结弦的博客
03-20 7804
Typora文字变红
CSS 的 border 样式
weixin_33716557的博客
12-28 1996
制作过网页的人都有为画线而烦恼的经历，先来认识一下“Border”（画边框），它是CSS的一个属性，用它可以给能确定范围的HTML标记（如TD、DIV等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。下面把通过实例来说明其应用技巧。 1、给文本加边框  上面的示例中，给一段文字加了不同的边框，只是为了说明边框线的颜色、粗细是可变的。 第一个边框的CSS代码是：s...
经常用border的solid，你知道border的这几种值吗？
u012028371的博客
08-11 1万+
偶尔发现了，border-style的其他几个值，同时打都不常用，还挺新鲜的    以前做微信红酒的时候，有个奇葩测试妹子给我提了一个bug (说 li标签之间是虚线，不是点)，（ps:我当时心里心里还嘲笑她什么虚线、点，调下粗细就行了。哈哈，有小伙伴给我犯过相同的错误的吗？）   border:medium dotted  red; border:medium dashed
CSS：不可思议的border属性
淡忘~浅思
11-16 3221
原文：Magic of CSS border property 译文：不可思议的CSS border属性 译者：dwqs 在CSS中，其border属性有很多的规则。对于一些事物，例如三角形或者其它的图像，我们仍然使用图片代替。但是现在就不需要了，我们可以用CSS形成一些基本图形，我分享了一些关于这方面的技巧。 1、正三角形： .triangle_up { height:0px; width:0px; border-bottom:50px solid #006633; border-l
border 0px和border none的区别
weixin_30814329的博客
01-22 439
border:0px这个表示的是边框为0像素，表示边框的像素 border:none 这个表示无边框（边框的绘制方式），边框的绘制方式有很多种：soliddashed等等 转载于:https://www.cnblogs.com/wms01/p/6339593.html...
border定义不同边框，虚线边框（dashed，dotted），实线边框（solid）
热门推荐
tuuuuy的博客
11-12 3万+
1.solid border属性下的实线边框，当border不定义边框指定的一面，就默认四条边都是实线边框。 border:2px solid #FFFFFF； 实现效果： 2.dashed border属性下的虚线边框，当border不定义边框指定的一面，就默认四条边都是实线边框。也可以虚线跟实线定义。 border:2px dashed #FFFFFF； 3.dotted...
html页面放大缩小样式不变,网页缩小放大后错位的解决方法
weixin_39625563的博客
06-09 1万+
今天同事人说网页缩小放大错位了，我就看了下真的错位了！纳闷怎么会这样,我仔细的看了看(心想谁会把网页缩小放大了看)，最后还是没办法说服上级，只能找方法解决了。经过仔细查看找到了问题所在。有多种原因。1、因为宽度原因。2、浮动原因(我就是这个问题)我是一个大DIV(固定宽度的)里面有两个小DIV(也是固定宽度的)一个左边一个右边。我也不知道为什么会错位，我就试着改样式。左边宽度不变,右边我把宽度去掉...
CSS实现从上往下过渡效果
Rverdoser的博客
07-18 134
属性改变时（即鼠标悬停时），它会在0.5秒内完成平滑的从上往下移动50像素的变化。要在CSS中实现一个从上往下的过渡效果，你可以使用。类定义了一个方框，并指定了一个过渡效果，使得当。
CSS 技巧与案例详解：开篇介绍
粉丝们务必加入微信粉丝群
07-14 102
本系列文章分为多个部分，每个部分都详细解析了CSS的各种实用技巧和经典案例。CSS 单位速查表 & 自定义引用标记 & 重置所有样式：了解常见CSS单位，并学习如何创建自定义的引用标记和重置样式表。隐藏空元素 & 完美的嵌套边框圆角 & 排版比例基础知识：掌握隐藏元素的方法，实现嵌套圆角边框，以及排版比例的基本概念。自定义文本选择 & 流式排版：定制文本选择的样式，探索流式排版的奥秘。为什么line-height是无单位的 & 兄弟元素淡出效果 & 蚀刻文字效果。
Tailwind CSS：颠覆常规的实用主义设计利器
艾恩小灰灰的博客
07-18 260
Tailwind CSS 是一个实用类优先的 CSS 框架，它不提供预设的组件或设计系统，而是通过一系列小而功能明确的实用类，允许开发者快速构建自定义的设计。与 Bootstrap、Foundation 等传统框架相比，Tailwind 更强调灵活性和可定制性。Tailwind CSS 通过其独特的实用类优先方法，为前端开发带来了新的视角。它不仅简化了样式编写，还提高了开发效率和代码的可维护性。
Web前端-Web开发CSS基础6-弹性盒子
a15735748145a的博客
07-16 1252
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
前端学习（二）之HTML
最新发布
2302_79795489的博客
07-18 674
在<input type="text" name="username" value="西瓜大侠">中，2、单选和多选：radio和checkbox（对应value为选项的值，当选中时，这个值会被提交）3、按钮：button、submit和reset（对应value为按钮上的标签文本）4、隐藏字段：hidden（对应value为隐藏在表单中的用户不可见的数值）段落格式标签：加粗b，斜体i，下划线u，删除线s，换行br，水平分割线hr。1、name：给表单控件起的名字，服务器靠这个名字来识别和获取输入的数据。
CSS-0_3 CSS和单位
乡亲们啊的博客
07-15 842
直到iphone4诞生，彻底改变人们对“上网”这个行为的思维方式。原来我们可以在一个方砖大小的设备上访问页面，那我们将来是不是可以在一个几十上百寸的巨幕上访问页面？在一张A4纸大小的板子上访问页面？人们用千奇百怪的设备访问你的网页，这时候如果你依然墨守成规，那就只能在用户糟糕体验之后的唾弃声中抱着你的电脑屏幕退场。
CSS基础
lvshihao_的博客
07-15 642
项目上线时，我们会通过工具将【展开风格】的代码，变成【紧凑风格】，这样可以减小文。：选择器与声明块之间，属性名与属性值之间，均有一个空格，理论上能省略，但最好。外部样式的优势：样式可以复用、结构清晰、可触发浏览器的缓存机制，提高访问速。件体积，节约网络流量，同时也能让用户打开网页时速度更快。行内样式表，只能控制当前标签的样式，对其他标签无效。：最后一个声明后的分号理论上能省略，但最好还是写上。1. 内部样式、外部样式，这二者的优先级相同。添加样式，实现了：结构与样式的分离。的思想，不推荐大量使用，只。
CSS图像不透明度的艺术：探索透明度控制的无限可能
Lesleyhnj的博客
07-15 189
在网页设计中，图像的不透明度（Opacity）和透明度（Transparency）是两个关键的概念，它们不仅影响着页面的视觉效果，还能增强用户体验，创造丰富的交互效果。通过调整图像的不透明度，设计师可以实现元素间的层次感，营造柔和或梦幻的氛围，甚至在动画和过渡效果中发挥重要作用。本文将从不同角度深入探讨CSS中控制图像不透明度的技术，帮助你掌握这一技能，提升网站的美学品质。定义与作用： 属性允许我们改变HTML元素的不透明度，取值范围是0到1之间，其中0表示完全透明，1表示完全不透明。这个属性应用于整个元素
css 屏幕四周报警提示
AS_JOPO的专栏
07-16 249
屏幕四周出现律动的红色边框，产生报警提示的效果。
git 拉取代码和上传的时候遇见ssl证书问题了咋办
04-11
你可以尝试使用以下命令来...拉取代码时：git clone -c http.sslVerify=false <repository_url> 上传代码时：git -c http.sslVerify=false push 不过，建议你在安全的网络环境下使用SSL证书校验，避免遭受网络攻击。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

朝着阳光飞去

鼓励鼓励我吧 ,让我继续加油

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值