什么是:before和:after？:before是css中的一种伪元素，可用于在某个元素之前插入某些内容。:after是css中的一种伪元素，可用于在某个元素之后插入某些内容。要实现的效果如下：代码如下：Examples#pencil{position: relative;width: 200px;heigh_c......
admin
文章浏览阅读1.6w次，点赞2次，收藏11次。水平居中：行内元素解决方案只需要把行内元素包裹在一个属性display为block的父层元素中，并且把父层元素添加如下属性即可： .parent { text-align:center;}水平居中：块状元素解决方案 .ite......
admin
在现代网页设计中，预加载是一种很常见的情形。作为用户，我们希望网页快速并且流畅 — 我们不喜欢等待。当内容被加载时，预加载能提供视觉反馈，并管理用户期望，降低用户放弃浏览网站的几率。源文件代码：MissYuan_源......
admin
在现代网页设计中，预加载是一种很常见的情形。作为用户，我们希望网页快速并且流畅 — 我们不喜欢等待。当内容被加载时，预加载能提供视觉反馈，并管理用户期望，降低用户放弃浏览网站的几率。源文件代码：MissYuan_源......
admin
文章浏览阅读2.8w次。在线演示鼠标悬停，图标会一直不停旋转。 如果实现图标一直不停旋转，则需要使用animation动画。先制作动画的各个关键帧，然后在图标中运用这一动画。图标文件引入：html：...
admin
本篇文章为大家介绍一些CSS3新增的属性，CSS3新属性的出现弥补了CSS2版本的不足，解决了很多我们设置元素样式时的痛点。1.文本阴影属性text-shadow:水平距离 垂直距离 模糊半径(模糊程度) 阴影颜色说明：阴影水平距离设置为正......
admin
文章浏览阅读1.1k次。CSS3 - 盒子大小(CSS3 - Box Sizing)Box大小调整属性用于更改元素的高度和宽度。从css2开始，box属性的工作方式如下所示 -width + padding + border =元素框的实际可见/渲染宽度height + padding + border =元素框的实际可见/渲......
admin
文章浏览阅读372次。html5 css3雪花水晶球动画场景特效，一个漂亮的基于canvas绘制卡通风格水晶球内部下雪动画特效。查看演示下载资源：16次 下载资源下载积分：10积分js代码 (function() {var c1 = document.getEleme......
admin
一、CSS3新特性新增的CSS3特性有兼容性问题，ie9+才支持 移动端支持优于 PC 端 不断改进中 应用相对广泛 现阶段主要学习：新增选择器和盒子模型以及其他特性1. CSS3 给我们新增了选择器，可以更加便捷，更加自由的选择目标元......
admin
目录：HTML+CSS3（一）——认识浏览器HTML+CSS3（二）——HTML 初识HTML+CSS3（三）——HTML基本标签HTML+CSS3（四）——表单pattern正则属性HTML+CSS3（五）——CSS基础HTML+CSS3（六）——行内元素和块级元素HTML+CSS3（七）——display属性（前......
admin
文章浏览阅读79次。一、CSS3 动画动画（animation）是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果 相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效......
admin
CSS3教程(1):什么是CSS3,CSS3不是新事物，更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里，已经准备好了首次登场，呷着咖啡，等着浏览器来铺上红地毯。CSS3不是新事物，更不是只是围绕border-radius属性实现的圆角......
admin
文章浏览阅读126次。选择器优先级不同的选择器具有优先级，如果一个元素同时被多个选择器所选择且设置了同名样式时，它会按照优先级来判定应用哪一个选择器的样式。如果优先级相同，则下面的选择器生效，常见优先级示......
admin
文章目录1. 三维坐标系2. 3D位移translate3d3. 透视perspective3.1`translateZ`4. 3D旋转`rotate3d`5. 3D呈现`transform-style`1. 三维坐标系三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的x轴： 水平向右 注意： x 右边是正值，左边是......
admin
文章浏览阅读1.6w次，点赞8次，收藏70次。快要到圣诞节了，浏览了常去看的学习网站，发现那个网站多了一层雪花飘落的遮罩层，感觉挺有假日气氛的。就自己尝试写了个简单的雪花飘落的遮罩层，大致效果如下： 雪花是透明......
admin
css3支持动画animate完整代码（之后只给js部分）：<!DOCTYPE html><html lang="en"> <head> <title>简单动画</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-widt......
admin
友情链接申请要求： 不违法不降权 权重相当 请联系QQ：737597453
