<!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
691阅读
2评论
附加信息：珠海 -＂Lzw )一起学习 !转自 免费模板网http://www.wangjie.org/演示效果截图 CSS代码.out { position:relative; background:#bbb; margin:10px auto; width:2
转载
2022-11-16 11:54:56
283阅读
CSS样式：
<style type="text/css"><!--#enlarge {list-style-type:none;} #enlarge li {display:block; float:left; margin:20px; width:22px; height:18px; 原始图尺寸position:relative;} #enlarge li a {d
转载
2007-10-25 19:26:28
3669阅读
# 实现iOS点击图片放大效果的CSS教程
## 一、整体流程
下面是实现iOS点击图片放大效果的步骤：
```mermaid
pie
title 教程流程
"1.准备图片" : 20%
"2.添加HTML结构" : 20%
"3.编写CSS样式" : 20%
"4.添加交互效果" : 20%
"5.完成" : 20%
```
## 二、详细
原创
2024-07-01 05:12:10
95阅读
.aaa{ filter:alpha(Opacity=80); /* IE有效 */ -moz-opacity:0.5; /* 火狐浏览器有效，IE无效 */ opacity:0.5; /* 除IE外，
原创
2022-05-24 18:20:26
724阅读
4-1.html<html><head><title>边框</title><style><!--img.test1{ border-style:dotted; /* 点画线 */ border-color:#FF9900; /* 边框颜色 */&
转载
2009-08-02 15:16:24
1354阅读
先搭架子 再实现第一个内容 填充更多内容 拆掉border，查看最终效果 html代码 css代码 这里巧妙的运用了hover属性，结合transition平滑过渡。不需要js，一样可以实现动态效果。
原创
2021-08-05 15:51:39
2541阅读
.zoom{transform: scale(1,1);-ms-transform: scale(1,1); /* IE 9 */-webkit-transform: scale(0.8,0.8); /* Safari and Chrome */}<!DOCTYPE html><html><head><meta charset="UTF-...
原创
2021-07-30 15:17:32
2762阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa
原创
2022-05-24 19:01:13
3094阅读
想必大家都注意到<marquee>的不循环滚动，所以出现了很多替代脚本，或iframe或JS输出<marquee>，不管怎么做，都略显麻烦。下面说一下这个相对简单的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLef
转载
精选
2008-07-26 16:29:43
6570阅读
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
1569阅读
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
1852阅读
This is a div 运行代码
原创
2010-06-07 13:17:00
104阅读
大家好，我是 Steven。这期我们会做一个滑动放大表情符号的效果，随着游标移过表情符号，表情符号会放大。除此之外，背景的灰色也会有个不规则的顺滑线条放大，这个部分我们会用 SVG 去制作的。这个教程的视频版本在 www.bilibili.com/video/BV1DK… ，欢迎三连关注！HTML 的部分打开 CodePen 编辑器，在 HTML 里面加入 <svg> 标签。然后加入一
转载
2021-01-31 20:04:40
834阅读
2评论
今天看网易的网站上，当我把鼠标放上去的时候发现图片放大，移开图片缩小，于是自行尝试，结果如下。 方法一：使用js和css3 效果如图： 这样的实现非常简单，就是利用js的mouseover和 mouseout事件，但是不知道如何使图片从中间放大，日后再行尝试吧，代码如下： 方法二：使用css3方法
转载
2017-02-18 20:56:00
539阅读
2评论
<style type="text/css">
/* 半透明的遮罩层 */
#overlay {
background: #000;
filter: alpha(opacity = 50)
原创
2014-02-10 11:00:45
2810阅读
<!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
598阅读
mask遮罩蒙版效果来看一下效果图：这是两张原图：遮罩层图像 注意，白色区域为透明状态 要展示的图像 使用mask之后产生的效果图 首先来解释一下遮罩、蒙版。和PS中的蒙版、Flash中的遮罩层很类似遮罩：为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗
转载
2017-06-19 15:03:00
459阅读
$("#go1").toggle(function(){ $("#block1").animate( { width: "90%"}, { queue: false, duration: 5000 } ) .animate( { fontSize: '10em' } , 1000 ) .animate( { borderWidth: 5 }, 1000);
原创
2023-03-19 09:14:49
107阅读
图片放大，这是一个比较容易的效果了。当然，今天说的可不是简简单单的在一个框里放大，而是一个圆。就像放大镜或是狙击镜那样，只有圆圈里的放大，圈外的当然还是原来的图片。这是不是很不可思议？ 当然不是。做过Flash的也许会脱口而出：套个蒙版就是了。可惜CSS不是Flash，没有那一套。我们只有从CSS里面慢慢挖掘。先说IE，因为IE有滤镜，可以实现许多意想不到的功能。先来整理下我们的目标：放大一副图片
转载
2023-12-15 10:49:46
86阅读
