优惠券 波浪 效果css
css基础
CSS引用 如何在html中使用css?有三种方式 外链式 通过在head标签里 使用link引入写好的css文件(推荐使用) 内嵌式 head标签里style标签 ,在style里通过 行内式 写在标签的开始位置通过style属性设置样式(不推荐使用) 选择器 选择器分为三大类: 基本选择器 复合 ......
css3属性之 text-overflow:ellipsis
语法： text-overflow:clip | ellipsis 默认值为clip 不显示省略标记 clip:当前对象内文本溢出时不显示省略标记,而是将溢出部分裁剪。 ellipsis:当对象内文本一处时显示省略标记(...)。 一、常见的单行文本溢出显示省略写法： text-overflow: ......
直播软件搭建，css隐藏滚动条，但使超出部分任然可以滚动
直播软件搭建，css隐藏滚动条，但使超出部分任然可以滚动 /*长tabs，隐藏滚动条，保留滚动功能*/.weChat-tabs{ height: 40px; display: flex; overflow-x: scroll; padding: 0 20px; white-space: nowrap ......
系统测试AC5. AC6. IAR和GCC调试效果，MDK AC6不开优化调试乱跳，甚至倒序执行
首先感谢大家对上一个视频的点评回复，非常有意义的讨论，这次AC6的表现更新惊呆，不开优化都可以乱跳。 【实验目的】 同样的程序代码，目的是测试C环境的调试现象。 【实验版本】 IAR版本 ：9.3x MDK版本：5.3x, 含AC5和AC6 Embedded Studio：使用GCC，版本V7.1X ......
现代 CSS 解决方案：原生嵌套（Nesting）
很早之前，就写过一篇与原生嵌套相关的文章 -- CSS 即将支持嵌套，SASS/LESS 等预处理器已无用武之地？，彼时 CSS 原生嵌套还处于工作草案 Working Draft (WD) 阶段，而今天（2023-09-02），CSS 原生嵌套 Nesting 终于成为了既定的规范！ CSS 原生 ......
css防止图片挤压变形 object-fit: cover
img{ width:200px; height:100px; object-fit: cover; } 该属性会对图片保留原始比列，多余的会被裁剪。 添加该属性会适应指定容器的高度与宽度。 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等 语 ......
微信小程序-实现公告自动滚动效果
<!-- 公告 --> <view class='notice'> <view class='notice-contain'> <icon type="search" size="14" color="#f00"></icon> <swiper class="tab-right" vertical= ......
按钮向上抖动效果怎么做
1 div里就写在class里面 这将为按钮添加一个名为bounce的关键帧动画，其中按钮将在不同的时间点上以一定的距离向上抖动。然后，通过将bounce_small_infinite类应用于按钮的父容器，您可以使按钮无限地应用这个抖动动画。 class=" bounce_small_infinit ......
PR 做星轨太慢？AutoStarTrail - 快速一键生成星轨拖尾效果
最近无聊拍了很多星空延时，打算堆栈做成 这种星轨视频，但是渣机无力，每次PR导出都超级耗时 所以写了这个东西，342 张 (3456, 5184) 的图片合成星轨图片或者视频都能在5到10分钟内解决 代码在 这里 详细教程在 这里 ......
Qt实现QWidgets窗口圆角效果
对于Qt里其它多数控件，我们可以直接通过设置qss border-radius: ?px;的方式来实现圆角。 而我们最常用的窗口QWidget的qss却并不支持这一属性。 StackOverFlow上的大佬@hank则给出了一种使用QPainter和遮罩的解决方式： 首先#include <QPai ......
css-定位
相对定位 top -20px ——first上移20px 绝对定位： 相对于浏览器： 相对于父级元素（给父级元素一个position） 固定定位：彻底定死，区别绝对定位 相当于加了z轴，好多图册 ......
css-盒子模型
盒子模型 1.是什么 2.边框 边框的粗细 边框的样式 边框的颜色 因为容易很丑~-~ 这里用结构伪类选择器: ——本意为找div父类的子类中第一个为input的，但是有错，实际上是div的后代选择器 如果去掉input , 只会框第一个div, 找div父类的子类中第一个孩子 3.外边距 两个参数 ......
走进CSS—I
[点击链接走进前端学习：https://blog.csdn.net/qq_53810245/article/details/116831968](https://blog.csdn.net/qq_53810245/article/details/116831968) @[TOC](CSS学习笔记) ......
走进CSS—II
点击跳转继续学习：[走进CSS—I](https://blog.csdn.net/qq_53810245/article/details/119176518) @[TOC](CSS学习笔记)  特性组成的。 // 单行注释 /**/ 多行注释 ECMASxript 中的一切 (变量 函数名和操作符) 都区分大小写 1：什么是标识符 变量 函数 属性的名字 或者函的参数 ......
Css 修改图标颜色_Css 修改图片颜色_Css控制图片颜色
一、Css3 mask 修改图标颜色 （推荐） CSS3 mask默认是基于透明度实现遮罩效果的。也就是实色区域显示，透明区域隐藏。因此，我们只需要把目标图标颜色#f4615c作为背景色，然后原始图标（无论什么颜色都可以）作为遮罩图片，效果就出来了。 <!DOCTYPE html> <html la ......
css使用border-image和flex布局设计一个随着文字多少自适应的标题
需求： 设计一个标题，让中间部分随着文字而撑大，同时文字渐变，两边自适应，这种情况就不能用传统的背景图片了，想到可以使用图片边框来做 解决思路： 1.需要一个大盒子和三个小盒子 2.大盒子设置display:flex; 左右两个小盒子分别设置flex-grow; 并设置背景图片 3.给中间盒子设置边 ......
如何在博客页脚添加一个好看的蓝色波浪呢？
前言：这个是一个美化页脚的代码，我相信很多博友都知道是怎么弄的，本文是为专为新手们准备的教程 教程开始：在你的主题目录找到 footer.php 文件，打开编辑在 </footer> 下或者在 footer.php 文件里的末尾添加以下代码即可。 <!-- 底部波浪开始 --> <div class ......
css修改页面内元素的滚动条样式
<div class="box"> <div class="content"></div> </div> <style> .box{ width: 100px; height: 200px; overflow: auto; } .content{ width: 100px; height: 1000 ......
css实现 h5滑动时隐藏滚动条
.menus{ margin: 10px 0 ; margin-left: 18px; display: flex; flex-wrap: nowrap; overflow-x: auto; } .menus::-webkit-scrollbar { display: none; width: 0 ......
在chrome下css/js等资源加载缓慢20s+或者30s+
## 问题 chrome、edge等浏览器在打开web网站，部分资源加载缓慢，严重影响体验. ## 在转发nginx上请求和响应时间差距很小，都是30s+ ![image](https://img2023.cnblogs.com/blog/790307/202309/790307-202309071 ......
html+css：一个元素多个类，来抽取相同的属性
如下的图像 其三个box的高度是相同的，且具有浮动元素，因此可以作为一个类来把其属性都放在一起 这种合并其实不难理解，但是我们在整体的代码设计中很难考虑这一点，这个一定要记住！！ .child{ height: 200px; float: left; } <div class="box"> <div ......
流程全局引入外部JS、CSS
全局引入，所有流程 E9如果在代码块里面这样： <script type="text/javascript" src="/js/layui-v2.8.13/layui/layui.js"></script> 是引入不了的。 如果想单独在某个流程引入，如下： ......
html+css：“圣杯布局”的设计案例
一、什么是圣杯布局 圣杯布局：左右两个盒子固定宽度， 中间盒子自适应 二、圣杯布局的设计原则： 我们现在来思考自适应这个问题，其本质就是 left 和 right 覆盖一整个大的center， 然后center使用padding把内容左右留出left和right相应的宽度。 可是，现在如何来覆盖呢？ ......
跑马灯(文字和图片轮播)效果纯css实现
1. 文字和图片连续轮播 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文字和图片连续轮播</title> <style> * { margin: 0; padding: 0; } body{ text-align: cent ......
小红书电商购物攻略：如何找到最划算的优惠和折扣？
小红书电商购物攻略：如何找到最划算的优惠和折扣？ 大家好，我是小红书专家小紫！今天我要分享给你们一些关于如何在小红书上找到最划算的优惠和折扣的攻略。小红书不仅是一个时尚美妆灵感的宝库，还可以成为你购物省钱的好帮手，让你享受到超值的购物乐趣。 1. 跟随优惠页，抢先获取资讯 🎁 小红书上有许多品牌和 ......
html+css：滑动门的设计案例
一、什么是滑动门布局？ 其代码效果如下所示，其不管中间的文字多长，其图片都可以包含进去！！ 二、如何实现滑动门布局？ 首先，我们通过背景图片，通过 <a> <span> 关于我们 </span> <a> 这种来将内容包裹进去。 然后对a进行 background-img 左边，然后对span进行 b ......