CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/09 CSS

cursor:hand 与 cursor:pointer 的效果是一样的，都像光标指向链接一样，光标变成手行。 cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。 cursor:pointer ：是CSS2.0的标准。所以fire...

前端技术 2023/09/09 CSS

复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"&g...

前端技术 2023/09/09 CSS

前不就公司项目要求做一个比较蛋疼的布局，类似于window xp桌面图片布局方式，而且要求尽量不要用嵌入js脚本，用纯div+css布局，在不断探索和摸索下也只现实了IE8+,firfox, chrome浏览器，别的不多说，直接上代码。复制代码代码如下: &l...

前端技术 2023/09/09 CSS

CSS3 opacity 属性的功能是用来控制网页元素的透明效果（调整不透明度），早期网页设计常常会用到许多的透明效果，通常都是透过 png 图层来制作透明的感觉，现在网页设计师可以使用 CSS3 opacity 属性来轻松的达到网页元素不透明度的调整，CSS3 opacity...

css实现数字分页效果

前端技术 2023/09/09 CSS

CSS如何实现数字分页效果: 相当数量的网站都使用数字分页效果，例如本站的分页也是采用此方式，还算是比较美观使用吧。代码实例如下: 复制代码代码如下:<!DOCTYPE html> <html> <head> <meta cha...

前端技术 2023/09/09 CSS

Animate.css是一个超强的CSS3动画库，它使用简单，只需要将相关效果对应的class加入页面元素中，就能实现翻转、滑动、旋转等等复杂超炫的跨浏览器的动画效果，它让开发这制作页面动画变得非常简单。首先给大家展示效果图：效果演示源码下载如何使用首先引入animat...

前端技术 2023/09/09 CSS

CSS 的属性值中经常会出现百分比，搞清它们的基数是一件很重要的事情。我特意查看了一下 W3C 的 CSS2.1 标准，在此整理下：百分比单位乘以包含块的宽度 margin, padding, left, right, text-indent, width,...

CSS3实现闪烁动画效果的方法

前端技术 2023/09/09 CSS

本文实例讲述了CSS3实现闪烁动画效果的方法。分享给大家供大家参考。具体方法如下：给class属性名为className的元素添加闪烁动画效果复制代码代码如下:.className{ -webkit-animation: twinkling 1s infinite ...

前端技术 2023/09/09 CSS

　　今天给大家分享一款纯css3实现的动画按钮。第一排的按钮当鼠标经过的背景色动画切换，图标从右侧飞入，第二排的按钮当鼠标经过的时候边框动画切换，图标右侧飞入，效果非常好，一起看下效果图：　　实现的代码。　　html代码： XML/HTML Code复制内容到剪贴板 ...

前端技术 2023/09/09 CSS

主要是利用了css3的 rolate(旋转) 和 skew (倾斜)样式先上代码: html 很简单复制代码代码如下: <body> <button class=\"cn-button\" id=\"cn-button\">+<...

关闭

我的博客