优惠券 波浪 效果css
jQuery实现点击图片放大全屏预览效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
Pycharm配置less编译生成的css文件到指定目录
### 一、当前演示项目目录  ### 二、标记less文件夹为资源目录 > 不标记其实也不影响 ![i ......
CSS 布局面试题目
## 盒子模型 - 盒子模型包含margin,padding,border,content四个内容 - 盒子模型可分为`标准盒模型`和`怪异盒模型` - 盒子模型可通过`box-sizing`设置 ## margin 和 padding的区别 - margin用来设置元素之间的距离 - paddin ......
楼梯滚动效果
<template> <div class="box"> <ul> <li v-for="(item, inx) in 10" :key="inx" :class="[`lou_${inx}`, { 'active': inx == current }]"> <a @click="navCheck( ......
react使用tailwind.css
> Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex，pt-4，text-center和 rotate-90 这样的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。官网：https://tailwindcss.com/ ## 1.安装 - 以 vite + ......
js方式实现hover效果以及鼠标放到一级分类显示二级分类的两种方式
mouse over时 this.currentIndex = index,给item项加动态样式 :class="{ cur : currentIndex==index}" .cur{ background-color: skyblue; } 方式一： 在二级分类的平级 &表示二级分类的上一级 & ......
css三栏布局
三栏布局：它是一种经典的布局方式；在页面上呈现左中右三列布局，其特点是左右两端固定，中间宽度自适应， 1.浮动布局 左右两个div分别左右浮动，中间的用magin-left与magin-right撑开 缺点：要考虑清除浮动带来的影响（父容器高度塌陷），主要内容无法最先加载。 2.定位布局 子绝父相 ......
css给元素前面或后面的元素加样式
- h1:has(+p) { color:red; } div+p{ color:green; } <h1>红色</h1> <p>黑色</p> <div>绿色</div> <p>黑色</p> - ......
odoo15引入和使用css
1、增加一个css文件base.css，如下图： ``` .bxbase{ color: red; } ``` 2、在__manifest__中添加引用 ``` 'assets': { 'web.assets_backend': [ 'testaddons/static/src/css/base.c ......
css超出隐藏、显示省略号
超出一行隐藏: overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 ____________________________________________________ ......
基于C#的窗体阴影效果方案 - 开源研究系列文章
最近在研究C#的Winform窗体的效果，上次介绍了窗体动画效果的博文（ 基于C#的无边框窗体动画效果的完美解决方案 - 开源研究系列文章 ），这次将窗体阴影效果的方案进行一个介绍。 找了一下度娘，具体窗体阴影效果就两种方法：直接绘制和使用双窗体。这里介绍的是双窗体的方法。 1、 项目目录； 笔者已 ......
vue 通过css 给html元素增加前缀红色星号
` `前面增加红色星号 要为``的`label`增加红色星号，你可以使用CSS中的伪元素 `::after` 或 `::before` 来实现。下面是如何在样式中添加红色星号的示例： ``` ``` ......
css 中强制换行后，伪类元素变形，用到的flex-shrink 属性
之前都没用过这个属性，最近做项目遇到一个不同屏幕下可能会换行的问题，设置了强制 不换行，但是伪类元素就没挤没了，请教了同事，用到了flex-shrink属性 然后我就去看了看这个属性的用法，简单记录一下 flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于 ......
css伪类选择器大全
# 伪类选择器 > css伪类选择器大全： > > https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-classes | 伪类 | 含义 | | | | | :link | 选中未访问过的超链接 | | :visited | 选中已访问过 ......
css的inline-block布局方式对齐问题 —— 转载自 article/2023/7/31 16:26:21
##css的inline-block布局方式对齐问题 今天在实现百度前端技术学院的如下案例时遇到了div上下对齐问题。 针对如下左右两栏布局，本来使用将两栏各自div的display设置为inline-block方式来实现，为了左边高度与右边对齐，直接量出右边div按照像素高度赋给左边。 但是左边元 ......
视频直播网站源码，前端效果-css+javascript
视频直播网站源码，前端效果-css+javascript <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view ......
CSS 文字-背景图片纹理、背景视频效果
1、背景图片纹理效果 实现方案：搬运 CSS代码： .pattern-overlay { font-size: 60px; font-family: 'microsoft yahei'; background-image: url(./pattern01.jpg); -webkit-text-fil ......
css修改滚动条的样式
滚动条样式的修改是通过伪元素实现的： -webkit-scrollbar 滚动条整体部分 -webkit-scrollbar-button 滚动条两端的按钮 -webkit-scrollbar-track 外层轨道 -webkit-scrollbar-track-piece 内层轨道， ......
react使用自定义animation实现水平效果的路由切换
例如：A组件跳B组件 A组件： import React from 'react'; import './A.scss' import { useNavigate } from 'react-router-dom'; export default function A() { let navigat ......
3ds Max建模教程：模拟布料拖拽撕裂和用剑撕裂两种效果
在本教程中，我将向您展示如何使用布料修改器在 3ds Max 中撕开布料。 我将展示撕布的两种变体。首先，我将用拖拽撕布，在第二个版本中，我将用剑撕布。 ......
【动画进阶】有意思的 Emoji 3D 表情切换效果
最近，群里面的同学发了这么一个非常有意思是动画效果：  lb ......
CSS3
# 1、什么是CSS 如何学习 1. CSS是什么 2. CSS怎么用 3. **CSS选择器（重点+难点）** 4. 美化网页（文字，阴影，超链接，列表，渐变.....） 5. 盒子模型 6. 浮动 7. 定位 8. 网页动画（特效） ## 1.1、什么是CSS Cascading Style S ......
python网站创建007：常见CSS样式
1. 高度和宽度 注意1：默认情况下高度和宽度无法应用在行内标签上 注意2：默认情况下， 块级标签虽然设置了宽度， 但是右边空白区域是不允许占用的 高度 <div style="height:100px"></div> 宽度 <div style="width:200px"></div> 块级标签转 ......
CSS常见布局
## 两栏布局 1.左边固定,右边自适应布局 ## 三栏布局 - 流体布局（浮动） - BFC三栏布局 - 双飞翼布局 - 圣杯布局 - flex - table布局 - 绝对定位布局 - 网格布局(Grid布局) ......
记录--一个好用的轮子 turn.js 实现仿真翻书的效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 国际惯例，官网链接 官网传送门 Github地址 github上有几个demos例子，介绍了基础用法。 我参考官网的例子，写了一个demo示例 安装 turn.js 依赖 jquery 库，所以需要先安装 jquery npm insta ......
css定位经验
### 绝对定位特性 * 当一个元素开启绝对定位后，元素会自动变成block盒。 ### 什么时候使用绝对定位 * 下面三个条件满足任何一个时，使用绝对定位： 1. 元素出现在一个天马行空的位置 2. 元素是否存在，不影响其他元素的排列 3. 单个元素在某个区域内水平垂直居中 ### fixed和a ......
字节跳动客户端实习面试题目——如何实现文字环绕图片的效果
> 这个系列算是我回顾复盘自己面试中遇到的不会的题目，并且总结经验 如何实现文字环绕图片的效果？ 其实就是几个关键的css属性，先贴代码和实现效果： ![](https://images.cnblogs.com/cnblogs_com/blogs/726255/galleries/2247806/o ......
让简易流行的FRP支持Nginx转发SSE“打字效果”
最近gpt带来的轰动效应大家有目共睹，大家应该好奇它回复消息时的“打字”效果，为什么这么快，而且没有建立很多http连接，是定时轮询的吗，当然不是。它使用的就是浏览器基于http协议的Server Sent Events（SSE）协议，采用消息流的方式，共享同一个连接，自然就能提升性能，效果丝滑。那 ......