[搜文档]CSS3 - 搜索结果

为什么有的动画没有效果

0 2025-04-30 《廖雪峰 JavaScript Python Git 教程》

为什么有的动画没有效果你可能会遇到，有的动画如 slideUp() 根本没有效果。这是因为jQuery动画的原理是逐渐改变CSS的值，如 height 从 100px 逐渐变为 0 。但是很多不是block性质的DOM元素，对它们设置 height 根本就不起作用，所以动画也就没有效果。 ...

switch开关

9 2025-04-08 《AUI在线文档》

.aui-switch 在列表中我们可以在右侧加上一个开关效果，借助了css3动画效果来实现圆钮的左右滑动，因为AUI本身是一个css样式，所有这个开关并不支持拖动的效果同时默认提供了几个颜色，可以使用.aui-switch-*来选择使用 <li class = "aui-list-view-cell aui-switch-bod...

14.4　为元素创建圆角

38 2024-12-19 《HTML5与CSS3基础教程(第7版)》

14.4　为元素创建圆角 14.4　为元素创建圆角使用CSS3，可以在不引入额外的标记或图像的情况下，为大多数元素（包括表单元素、图像，甚至包括段落文本）创建圆角，如图14.4.1和图14.4.2所示。同margin 和padding 属性一样，border-radius 属性也有长短两种形式的语法。图14.4.5中有一些演示border-radi...

5.1　动画过渡效果

30 2024-12-28 《深入理解Bootstrap》

5.1　动画过渡效果 5.1　动画过渡效果源文件：transition.js Bootstrap默认给各组件提供了基本的动画过渡效果，在使用过程中，如果使用了统一编译的Bootstrap.js，则动画过渡效果默认就有了。如果单个组件分开使用，则需要先引用transition.js，再引用插件的JS文件。值得注意的是，Bootstrap使用的动...

5.6　提示框

34 2024-12-28 《深入理解Bootstrap》

5.6　提示框 5.6　提示框源文件：tooltip.js、tooltips.less CSS文件：bootstrap.css 5204行之后提示框（Tooltip）也是一个比较常见的功能，一般来说是鼠标移动到特定的元素上时，显示相关的提示语，具体效果如图5-9所示。图5-9　提示框效果上述效果是鼠标移动到href链接上时，显示...

11.12　设置边框

46 2024-12-19 《HTML5与CSS3基础教程(第7版)》

11.12　设置边框 11.12　设置边框可以在元素周围创建一个边框，并设置它的厚度、风格和颜色，参见图11.12.1。如果指定了内边距（参见11.9节），边框将包围在元素内容和内边距的外面。定义边框风格输入border-style: type ，其中的type 可以是none 、dotted （点状）、dashed （虚线）、soli...

1.5.5　媒体查询

40 2024-12-28 《深入理解Bootstrap》

1.5.5　媒体查询 1.5.5　媒体查询媒体查询是进行响应式设计的核心要素，其功能非常强大。这里我们只列出Bootstrap用到的功能，具体可以访问http://www.w3.org/TR/css3-mediaqueries/进行查看。 Bootstrap主要用到min-width、max-width，以及and语法，用于在不同的分辨率下设置...

16.16　使用图像提交表单

28 2024-12-19 《HTML5与CSS3基础教程(第7版)》

16.16　使用图像提交表单 16.16　使用图像提交表单可以仅使用图像作为提交表单的输入元素。有时，设计人员创建的按钮超出了CSS3的能力，哪怕使用花哨的渐变、阴影和圆角也无法实现，如图16.16.1和图16.16.2所示。 <input type = "image" alt = "Create Account" src = "bl...

4.16.5　堆叠样式

35 2024-12-28 《深入理解Bootstrap》

4.16.5　堆叠样式 4.16.5　堆叠样式何为堆叠样式？先看以下示例代码： <div class = "progress" > <div class = "progress-bar progress-bar-success" style = " width : 35 % " ></div> <div cla...

9.1.6　360度旋转

33 2024-12-28 《深入理解Bootstrap》

9.1.6　360度旋转 9.1.6　360度旋转 Font Awesome不仅提供了固定角度的旋转功能，还提供了360度持续旋转的功能，开发刷新、加载功能的时候特别有用，用的时候只需要在所应用图标样式上再加一个icon-spin样式即可。示例如下： <i class = "icon-spinner icon-spin" ></i> 360度...

为什么有的动画没有效果

switch开关

14.4 为元素创建圆角

5.1 动画过渡效果

5.6 提示框

11.12 设置边框

1.5.5 媒体查询

16.16 使用图像提交表单

4.16.5 堆叠样式

9.1.6 360度旋转