摘要:
起因:想实现下面这样的效果的。 思路: 父div圆角,超出隐藏。 子div文字变色,箭头变色延迟 0.25s 。 父元素添加伪类,优化背景过度效果。 代码: html <div class="index-button"> <a href="javascript:;"> <h2>REQUEST A Q 阅读全文
摘要:
1. 打开PS,要去白底的图片 2. 图层解锁 双击图层解锁,或者复制一层,将原图层隐藏 3. 选择魔棒工具 点击图片上白色位置,就可以看到白色部分都选择上了,shift键可以添加选择 4. delete键,清空底,可看到背景已经是透明的 5.保存选择png格式 阅读全文
摘要:
要求:当鼠标从顶部滚动后,显示返回顶部按钮,点击按钮,页面平滑滚动到顶部,按钮隐藏。 1.css #scrollTop{ position:fixed; bottom: 20px; right: 20px; height: 0px; width: 45px; line-height: 45px; t 阅读全文
摘要:
一、3种实现方式 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>js点击事件</title> </head> <body> <!-- 第三种方式--> <button id="btn" onclick="t 阅读全文
摘要:
了解background-attachment属性 值描述 scroll 背景图片随着页面的滚动而滚动,这是默认的。并不随着div内的滚动而滚动(比如文本大于元素高度时的滚动,背景图不动) fixed 背景图片不会随着元素或页面的滚动而滚动。 local 背景图片会随着元素或页面的滚动而滚动。 in 阅读全文
摘要:
屏幕1920像素,设置img的width:1920px固定尺寸,图片不失真,设置width:100%图片失真 img{ display:block; /*img图片比父元素高度小几个像素,设置为块元素,使得父子div高度一致*/ width:100%; } 解决为了使图片自适应屏幕大小,设置widt 阅读全文
摘要:
一、强制换行 word-break: break-all; 只对英文起作用,以字母作为换行依据。 word-wrap: break-word; 只对英文起作用,以单词作为换行依据。 white-space: pre-wrap; 只对中文起作用,强制换行。 解析: word-break:break-a 阅读全文
摘要:
了解中文字节 ASCII码: 一个中文汉字占两个字节的空间。 UTF-8编码: 一个中文(含繁体)等于三个字节。 Unicode编码:一个中文(含繁体)等于两个字节。 我们写页面基本都是utf-8编码 一、substr截取 <?php echo substr("PHP中文网",0,5);?> sub 阅读全文
摘要:
前言:通过鼠标对元素的左右移动,达到两张图片切换效果 示例: 题外话:分享一个gif制作小工具:Screen To Gif : ) 思路: 选择两张图片,一个相对定位,一个绝对定位,小滑块定位在垂直居中的位置,通过移动小滑块的位移,改变第二张图的显示元素大小。 重点: event.clientX, 阅读全文
摘要:
链接:https://pan.baidu.com/s/1a2KJCCrshWkIR5qy0hjzaA 提取码:jn6e 资源信息: 作者: Adobe 来源: vposy 更新: 2020/09/11 版本: 21.2.3.308 类型: 特别版 文件: .exe 大小: 599 MB 界面: 原文 阅读全文