点击页底“阅读原文”下载原码
CSS Hover 在网页设计中是极为常用的一个 CSS 效果,只要你有创造力,都可以让 Hover 变得更多姿多彩,今天我们主要分享40多款使用 CSS HOVER 完成的图像效果,喜欢的可以下载下来使用哦。
网站名称:imageshover.css
使用教程
该样式目前拥有40多种,使用也十分简单,参照下面的步骤制作即可。
2025年08月03日
点击页底“阅读原文”下载原码
CSS Hover 在网页设计中是极为常用的一个 CSS 效果,只要你有创造力,都可以让 Hover 变得更多姿多彩,今天我们主要分享40多款使用 CSS HOVER 完成的图像效果,喜欢的可以下载下来使用哦。
网站名称:imageshover.css
该样式目前拥有40多种,使用也十分简单,参照下面的步骤制作即可。
2025年08月03日
这篇文章讲了我在做公众号内容时,怎么用 AI 工具高效搞定文章概要和封面图的过程。试过几种方法后,现在的流程是先用 ChatGPT 润色概要、生成图像提示词,再丢给豆包 AI 出图,整个流程不到 3 分钟。我的观点是「工具不在多,关键是趁手」,如何帮你省下时间,专注做更重要的事,才更重要。
2025年08月03日
闲言碎语不多讲,咱们说说css3的transform属性:
先上效果:
效果说明:当鼠标移到a标签的时候,从右上角滑出二维码。
实现方法:
HTML 代码如下:
需要说明的一点是,a链接的跳转需要用javascript拦截,就这一句。
2、需要注意的几个点:
二维码是HTML上没有,需要用css的伪类和css背景实现。
2025年08月03日
一、前言
2022年到了,祝大家虎年大吉喜气临,昂首摆尾迎春来。双眼圆睁看世界,万水千山尽开颜。胡须翘翘美姿态,人人开心祝平安。巨大身躯摇摆摆,坎坷困境当笑谈。愿你虎年万事顺,吉星高照旺旺旺!
2025年08月03日
很多运营和小白都遇到过这样的困扰:拿到设计图后手动编写HTML/CSS代码耗时费力。今天教你用AI工具DeepSeek实现" 图片秒变网页 ",效率提升10倍!
1. 注册DeepSeek账号(官网:deepseek.com)
2025年08月03日
当我们使用HTML5, CSS3,甚至Bootstrap设计网站的时候,有些方面是必须考虑的,比如字体大小,标题大小,行间距,每行字数,字体,颜色,背景图片和文字的搭配,图标,留白和布局......所有的这些,都不是随随便便的,讲究一定的原则。而这些原则通常我们为参考一些网站。下面就列举这些网站。
HTML5和CSS3常用参考网站?
浏览器渲染符合HTML5标准:
http://necolas.github.io/normalize.css/
2025年08月03日
上帝他老人家创造了星期,一个礼拜还要工作六天。看你那么虔诚,上帝赐你周末休息两天。给你个机会感恩,周末奉献一天陪我。我代上帝保佑你:愿你不忙不累尽享悠闲,快乐满足幸福翻倍!
周末就要到了,不忙不闲之余,也别忘了关心下我哦,毕竟……毕竟…姨妈期的玻璃心,说碎就碎呀,好了,废话不多说啦,今天我来跟大家分享一下我最最最喜欢的话题——CSS设计,不过这次,小编也绞尽脑汁,别出心裁啦,带着你一起学用CSS来设计博客,怎么样?心动吧?要是你关注过我其他博客,如Earl Grey的话,你可能见过相关文章 Intro to CSS + Cheat Sheet CSS(里面有我的速查表更新),可能内容有重复的地方,不过这次,我对CSS也有了更深层次的理解,希望对大家有所帮助哦。
2025年08月03日
国产大模型厂商的开源,还在提速。
就在刚刚,智谱正式发布最新旗舰模型 GLM-4.5。按照智谱官方说法,这是一款「专为 Agent 应用打造的基础模型」。
延续一贯的开源原则,目前这款模型已经在 Hugging Face 与 ModelScope 平台同步开源,模型权重遵循 MIT License,商用也没问题。
省流版:
2025年08月03日
最近开始写一些 WordPress 专业的知识,阅读数奇低,然后我发一些微信昵称技巧,又说我天天发这些小学生爱玩的玩意,写点文章真不容易。
2025年08月03日
当前在很多的旅游网站,底部固定广告已经成为一种常见的形式,可以参看下图。
以途牛为例,下边我们一起来说一下整个制作流程
显然底部是固定定位的盒子,并且是分为两组,一组为显示状态下,一组为隐藏状态下,并且通过点击可以实现两者之间的切换
1. 分别创建两组盒子结构,并添加对应的css样式
第一组盒子宽度为100%,并且定位到底部,第二组盒子根据图片大小来设置盒子大小,并定位在窗口的左下角位置。默认第一组显示在窗口中,第二组移除到窗口的左侧以外,所以需要设置为负值。CSS部分代码如下: