<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>wgchen</title> meta na.
原创
2023-02-09 11:12:42
1747阅读
前言在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画这就非常有特色了，看到这样的按钮自然会联系上 Ant Design 。动画过程其实不复杂，看了一下官方的实现，是通过 js 动态更改属性实现的，在点击的时候，改变属性，触发动画，当动
附加信息：珠海 -＂Lzw )一起学习 !转自 免费模板网http://www.wangjie.org/演示效果截图 CSS代码.out { position:relative; background:#bbb; margin:10px auto; width:2
转载
2022-11-16 11:54:56
264阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v
原创
2022-07-06 16:35:22
577阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<a href="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" target="_blank">http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd</a>"><html x
转载
2006-08-22 14:44:00
671阅读
2评论
4-1.html<html><head><title>边框</title><style><!--img.test1{ border-style:dotted; /* 点画线 */ border-color:#FF9900; /* 边框颜色 */&
转载
2009-08-02 15:16:24
1315阅读
.aaa{ filter:alpha(Opacity=80); /* IE有效 */ -moz-opacity:0.5; /* 火狐浏览器有效，IE无效 */ opacity:0.5; /* 除IE外，
原创
2022-05-24 18:20:26
701阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa
原创
2022-05-24 19:01:13
2985阅读
# Typescript保持点击的CSS效果
在Web开发中，我们经常需要处理用户的点击事件并为被点击的元素应用CSS样式，以提供一种反馈机制。然而，当用户刷新页面或跳转到其他页面时，这些点击效果通常会丢失。为了解决这个问题，我们可以使用Typescript来保持点击的CSS效果。
## 什么是Typescript？
Typescript是一种由微软开发的开源编程语言，它是JavaScrip
原创
2023-09-30 05:40:48
88阅读
# 实现iOS点击图片放大效果的CSS教程
## 一、整体流程
下面是实现iOS点击图片放大效果的步骤：
```mermaid
pie
title 教程流程
"1.准备图片" : 20%
"2.添加HTML结构" : 20%
"3.编写CSS样式" : 20%
"4.添加交互效果" : 20%
"5.完成" : 20%
```
## 二、详细
想必大家都注意到<marquee>的不循环滚动，所以出现了很多替代脚本，或iframe或JS输出<marquee>，不管怎么做，都略显麻烦。下面说一下这个相对简单的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLef
转载
精选
2008-07-26 16:29:43
6533阅读
4评论
这是子鼠制作的相册，完全用CSS来表现效果！非常棒，令人惊叹。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3
转载
2008-02-01 13:39:06
1526阅读
3-1.html<html><head> <title>文字字体</title><style><!--h2{ font-family:黑体, 幼圆;}p{ font-family:Arial, Helvetica, sans-serif;}p.kaiti{
转载
2009-08-02 15:26:41
1811阅读
css:.notclick{pointer-events: none;}js:$("#divID"/".divClass").addClass("notclick");//设为不可点击$("#divID"/".divClass").removeClass("notclick");//移除不可点击
原创
2022-10-13 17:06:22
778阅读
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>纯CSS打造的DIV弹出层效果</title></head><style typ
转载
精选
2014-07-25 10:38:18
591阅读
mask遮罩蒙版效果来看一下效果图：这是两张原图：遮罩层图像 注意，白色区域为透明状态 要展示的图像 使用mask之后产生的效果图 首先来解释一下遮罩、蒙版。和PS中的蒙版、Flash中的遮罩层很类似遮罩：为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗
原创
2017-06-19 15:03:00
436阅读
<style type="text/css">
/* 半透明的遮罩层 */
#overlay {
background: #000;
filter: alpha(opacity = 50)
原创
2014-02-10 11:00:45
2664阅读
【Css】div或按钮鼠标经过或鼠标点击后效果样式（图文+示例）
原创
2022-10-02 08:42:10
2177阅读
效果展示：代码如下：<template> <div class="main"> <div class="aaa" :class="{active:index==isActive}" v-for="(item, index) in contentlist" @click="showdifference(index)"
原创
2021-12-23 15:48:22
1967阅读
css 页眉、页脚 百分比高度
原创
2022-01-05 15:33:07
391阅读
