![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 51
162100
这个作者很懒,什么都没留下…
展开
-
CSS3 animation动画中途停顿延迟
CSS3 animation动画中的animation-delay属性是指动画开始之前的延迟,如何实现动画中途停顿或延迟呢,可以用进程进行控制。比如,最近做了一个连续滚动的字幕,要求中途有有节奏性的短暂停留或延迟。之前一直考虑用JS实现;但用CSS3实现则更妙。...原创 2022-08-26 12:53:17 · 4744 阅读 · 1 评论 -
解决Chrome浏览器图片缩放模糊的三种方法
起初开发网页时,都把图片尺寸精心设计好,图片多大就做成多大,而且还尽量压缩,这样才利于网页快速载入,增强用户浏览体验。但现在手机时代了,用手机浏览网页,就会发现PC端正常效果的图片却显得模糊。于是需要把图片原始尺寸做大一些,再等比例缩小嵌入网页,这样手机端看图片就会很清晰。比如,420×336(px)的图片等比例缩小,以320×256(px)的规格嵌入网页:<a href="http://www.furuijinzhao.com/_gb/service_cleaning.html"&原创 2022-05-30 14:37:16 · 4058 阅读 · 1 评论 -
悬停导航栏,悬停搜索栏,像hao123一样
无论是悬停导航栏,还是悬停搜索栏,原理都是一样的,运用CSS的position:fixed,通过滚动条上下滑动时计算导航栏的位置,当滚动条下拉到看不见导航栏时,触发特效代码,将导航栏悬停在顶部位置固定不动;当滚动条上拉到导航栏可见时,再还原原本的位置。先看好123的效果截图:我的代码:<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html; char原创 2022-01-20 16:54:36 · 1132 阅读 · 0 评论 -
CSS 利用@media screen判断识别手机/PC端浏览器
一、写此篇的初衷:手机用户常可以更换自己手机系统的字体,那么在浏览网页的时候,网页内容字体也都随之变了,于是我想,能不能让自己的网站的字体在手机浏览器中保持不变(使用一款自定义字体)呢;而在PC端浏览器不用处理。二、功能实现依据:首先,CSS @media查询中有判断横屏(orientation:landscape)、竖屏(orientation:portrait)的功能,那么分别在电脑、手机浏览器上是否有不同表现呢,如果有,就靠它了。先看如下代码:<style type="text原创 2022-01-07 09:42:04 · 12618 阅读 · 2 评论 -
CSS 全局实现英文数字斜体而中文汉字正常显示
天天都在看自己做的网页,某一天突然觉得好腻烦,感觉所有字体都是垂直竖立好单调。原本英文和数字不应该是倾斜一些的么?从小学写数字、中学写英文,都是斜着写呀。于是开整。在网上检索到一款:测试后发现手机浏览器不行,都变斜体了,PC浏览器尚可。打开思路,如果我直接调用英文的斜体版本不就行了么,而中文不动——而不要加:font-style: italic; 导致中文受连累。这样:@font-face { font-family: "Hum777i"; /*字体名称*/ src: url('Hu原创 2021-12-27 16:52:49 · 1498 阅读 · 0 评论