标签 CSS

网页自动适配操作系统/浏览器夜间模式-钧言极客

网页自动适配操作系统/浏览器夜间模式最近在浏览一些博主的网站，发现一个很好玩的效果，当手机浏览器切换到暗色模式后，网页也跟着切换暗色效果，切换白天模式就会切换另外的一个效果，然后用F12深入了解一下，就发现一个prefers-color-scheme这...

2022-12-21 钧言阅读(1890) 评论(1)

CSS 图片显示模糊解决方法-钧言极客

CSS 图片显示模糊解决方法旁边的brand的图片明显糊掉，但是设置 height: 100%; ，一样会显示模糊不清。经过一番咨询好友后，得到以下答案并解决了问题。使用 image-rendering 优化CSS 属性 image-rende...

2022-04-10 钧言阅读(1898) 评论(2)

CSS 图片添加高斯模糊渐变特效-钧言极客

CSS 图片添加高斯模糊渐变特效看见一个挺不错的特效。@-webkit-keyframes blur { 0% { -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: b...

2021-07-03 钧言阅读(1322) 评论(0)

网站使用自定义字体及加载优化-钧言极客

网站使用自定义字体及加载优化在网站建设过程中，很多时候我们不希望使用默认的字体而使用更加个性化的字体，它能使网站的字体显示更加丰富多样，而这种字体是本地系统所没有的内置字体，使用css的@font-face 属性在网页中嵌入自定义字体成为最佳选...

2021-03-22 钧言阅读(1395) 评论(0)

解决transform scale 放大图片变模糊问题-钧言极客

解决transform scale 放大图片变模糊问题最近在博客加了一个移动鼠标到图片放大的特效，使用了transform scale特效。但是发现放大后图片变得模糊，放大前半秒还是可以看见的，完全放大后像加了一层灰蒙模板一样。方法一通过添加translateZ(0)来...

2020-12-04 钧言阅读(2452) 评论(2)

给博客优化一下标题css-钧言极客

给博客优化一下标题css 标题1标题2标题3标题4标题5如果喜欢，可以尝试修改替换一下我的css。.article-content自行替换成你的文章页的DIV.article-content h1 { margin: 20px 0; ...

2020-10-05 钧言阅读(1753) 评论(1)

使用CSS打造渐变背景动画-钧言极客

使用CSS打造渐变背景动画最近看见很多网站都使用上了渐变动画，我也来分享一个，纯css3实现一款简单的网页渐变背景动画特效，可以在css属性里修改成你喜欢的渐变颜色值和动画时间。/* 动态渐变特效*/ body { backgroun...

2020-06-28 钧言阅读(2037) 评论(0)

给网站logo添加扫光特效CSS纯代码-钧言极客

给网站logo添加扫光特效CSS纯代码看到大前端主题有logo扫光特效，感觉挺酷的，我这个白嫖的主题也给弄上这高大尚的效果。将以下代码加到你的网站css里面，typecho可以放在style.css里面，部分主题可能没有这个，随便添加css文件里面，能被...

2020-03-19 钧言阅读(1559) 评论(0)