CSS3在hover下的几种效果代码分享，CSS3在鼠标经过时的几种效果集锦
转载
2022-06-17 21:04:30
272阅读
本特效的原版是codepen上面的hover.css项目。个人非常喜欢所以把全部的hover特效自己也写了一遍，上传文件麻烦所以直接把css整合到HTML代码中了。代码复制下来保存后就可以用浏览器打开浏览。 <!DOCTYPE html> <html lang="zh-CN"> <head> <me
转载
2017-06-25 11:53:00
100阅读
2评论
(ಥ_ಥ) 啊啊，我的胃好疼啊。感觉最近胃又开始不舒服了。啊——果然老了呢，想当初，我也是不坏金刚之身来着呢，唉，我的可怜的小胃胃 (ಥ_ಥ) 记录几个已经常见的不能再常见的css3样式。 一、方框的阴影，box-shadowE{
box-shadow: inset horizontal vertical b
转载
2023-07-21 15:31:09
41阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
虽说css3 都已经使用多年了，但是关于css3的渐变用的很少。今天遇见了，就学习了一下。 首先我们打开ps，新建一个画布，选择渐变工具，这个时候我们能够看到顶栏上面的渐变类型如下 第一个我们选中的是线性渐变，第二个是径向渐变，第三个是角度渐变，第四个是对称渐变，第五个是菱形渐变。对于css3 并没
原创
2022-10-31 10:26:25
470阅读
css3中的过渡 1、transition的几个样式值 transition-property：设置要过渡的属性值例如（height，width） transition-duration：设置过渡时间（必须加上时间单位） transition-timing-function：设置过渡样式 ease ...
转载
2021-10-31 19:36:00
147阅读
2评论
CSS3外轮廓属性外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。-outline-color：定义轮廓线的颜色，属性值为CSS中定义的颜色值。在实际应用中，省略时此参数的默认值为黑色。-outline-style：定义轮廓线的样式，
原创
2018-10-05 10:01:13
764阅读
一.CSS3变形 CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果 每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化 二.CSS3位移:translate 三.CSS3的缩放scale transform: scale(缩放倍数); 四.C
原创
2021-08-31 16:21:28
356阅读
一.标准文档流：指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这也是元素默认的排列方式 二.display属性 display:更改块级元素和行内元素的相互转换 block：块级元素的默认值 inline：行内元素的默认值 inline-block:同时具有行内和块级元素的特性
原创
2021-08-31 16:26:52
192阅读
1.什么是calc()? calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能。用来指定元素的长度。比方说，你能够使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。calc()最大的优点就是用在流体布局上。能够
转载
2016-03-11 18:16:00
174阅读
2评论
在CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。 它是一个复合属性，主要包括以下几个子属性。transition-property:指定过渡或动态模拟的CSS属性transition-duration:指定完成过渡所需的时间transition-timing-function:指定过渡函数transition...
原创
2021-07-27 17:58:15
143阅读
CSS3自由缩放属性为了增强用户体验，CSS3增加了很多新的属性，其中resize就是一个重要的属性，也是一个非常实用的属性，它允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。到目前为止，可以使用overflow属性的任何容器元素。在此之前，Web设计师为了要实现这样的UI效果，需要使用大量的脚本代码才能实现，这样费时费力，效率极低。resize属性主要是用来改变元素尺寸大小的，其主要目的
原创
2018-10-05 10:00:20
516阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况：1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值，
原创
2020-07-15 09:25:54
791阅读
CSS3过渡效果（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创
2022-10-20 10:05:50
2155阅读
CSS3动画的基本使用（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT
原创
2022-10-20 10:19:35
333阅读
CSS3动画序列（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创
2022-10-20 10:05:58
5122阅读
The interactive pseudo-classes for links (and buttons) allow us to make sure the user knows what elements on the page are interactive and that they ca...
转载
2015-12-18 03:14:00
160阅读
2评论
CSS3动画的常见属性（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="\
原创
2022-10-20 10:05:54
329阅读
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创
2022-09-01 15:35:28
228阅读
