opacity 平滑

2024-10-22

css3——transition属性和opacity属性

[transition-duration] 是一个css3属性,规定完成过度效果需要花费的时间(一秒或毫秒计).语法:transition-duration: time;time : 规定完成过渡效果需要花费的时间(以秒或毫秒计). 默认值是 0,意味着不会有效果. 该属性其实是transition属性的一个子属性,下面总结一下css3中的transition属性:[transition] 用于在一定的时间内平滑的过度,这种效果可以在鼠标单击,获取焦点,被点击或对元素任何改变中触发,并圆滑

[修正] 移动平台曲线不平滑的问题（如：TRectangle, TPath...等）

问题:从 XE4 以来,Firemonkey 曲线绘图在移动平台不平滑的问题一直令人诟病,提交到官方的 QC 也是族繁不及备载,官方似乎有意的避开这个问题,迟迟没有修正. 适用版本:XE4 ~ Berlin 10.1 update 1 (查过官方源码从 XE4 开始有 FMX.StrokeBuilder) 修正方法: 请将源码 FMX.StrokeBuilder.pas 复制到自己的工程目录里,再进行修改. unit FMX.StrokeBuilder; interface ...略... ;

jQuery UI resizble、draggable的div包含iframe导致缩放和拖拽的不平滑解决方法

前言不仅仅是jQuery UI resizble的div包含iframe会导致缩放的不平滑,draggable也会出现包含iframe会导致拖放的不平滑,但是因为jQuery UI有为draggable进行了处理——添加了iframeFix属性设置(iframe:true时候就可以解决),但是却没有为resizable添加这个属性(实在费解,这个为毛啊). 问题 jQuery UI resizble的div包含iframe导致缩放的不平滑解决(通过helper可观察到缩放非常不平滑) 测试代码

制作动画平滑过渡效果：《CSS3 Transition》

W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡.这种效果可以在鼠标单击.获得焦点.被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值.” 下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用语法: transition:[<'transition-property'> || <'transition-duration'> || <'transit

CSS3实现页面的平滑过渡

这是文件的css,全部文件的话请到Github下载:点击这里 @charset "UTF-8"; @font-face {font-family: 'iconfont'; src: url('font/iconfont.eot'); /* IE9*/ src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'

Javscript轮播支持平滑和渐隐两种效果（可以只有两张图）

原文:Javscript轮播支持平滑和渐隐两种效果(可以只有两张图) 先上两种轮播效果:渐隐和移动效果一:渐隐 1 2 3 4 效果二:移动 1 2 3 4 接下来,我们来大致说下整个轮播的思路: 一.先来看简单的,移动的,先上来一个图----移动效果图: 说明: 基本原则就是顺序是按照当前显示的为基准:如当前为2,那么顺序就是2,3,4,1:如当前为3,那么顺序就是3,4,1,2.以此类推. 整个移动划分为三种:1.下一个 2.上一个 3.任意个 1.下一个:margin

Javascript轮播支持平滑和渐隐两种效果

Javascript轮播支持平滑和渐隐两种效果先上两种轮播效果:渐隐和移动效果一:渐隐 1 2 3 4 效果二:移动 1 2 3 4 接下来,我们来大致说下整个轮播的思路: 一.先来看简单的,移动的,先上来一个图----移动效果图: 说明: 基本原则就是顺序是按照当前显示的为基准:如当前为2,那么顺序就是2,3,4,1:如当前为3,那么顺序就是3,4,1,2.以此类推. 整个移动划分为三种:1.下一个 2.上一个 3.任意个 1.下一个:margin-left:-图宽:然

js实现网页全屏切换（平滑过渡），鼠标滚动切换

实现效果为页面平滑过渡全屏切换,点击导航和鼠标滚动都可以切换. 效果图: html代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <meta http-equiv="X-UA-COMPATIBLE" content="IE-edge,chrom

Baidu - Echarts 地图实例测试，并绘制平滑圆弧路径

百度Echarts实例地址: http://echarts.baidu.com/examples.html 同事想做一个地图,地图上的几个点通过动态的线连接起来.但是在实例里没找到类似的. 然后仔细分析了一下 <公交路线图>(下图)这个,查看它的数据源结构,是一长串的坐标数组: 如果我把这个长数组缩短为2个坐标,就是起点+终点,那么是不是就是我需要的结果?试了一下: 果然是这样,效果丑了点,但是看得过去.通过这个实验发现这个图的原理就是你定义一条 line ,echarts会根据你提供的坐标绘

CSS中用 opacity、visibility、display 属性将元素隐藏的对比分析

说明 opacity 用来设置透明度 display 定义建立布局时元素生成的显示框类型 visibility 用来设置元素是否可见. opacity.visibility.display 这三个属性分别取值 0.hidden.none 都能使元素在页面上看不见,但是他们在方方面面都还是有区别的. 是否占据页面空间举个例子 <!doctype html> <html lang="en"> <head> <meta charset="

如何安全的将VMware vCenter Server使用的SQL Server Express数据库平滑升级到完整版

背景: 由于建设初期使用的vSphere vCenter for Windows版,其中安装自动化过程中会使用SQL Server Express的免费版数据库进行基础环境构建.而此时随着业务量的增加,虚拟机数的膨胀,产生的日志如果不被及时清理掉或者转移走的话,会导致该免费版数据库很快触发阈值而停止SQL Server服务(对于2005/2008版[vCenter Server 4.1以下版本]是mdf文件不能超过4GB,对于2008 R2版[vCenter Server 5.5以上版本]的是

父容器利用opacity设置透明后，子元素跟着变透明的解决方案

背景半透明,子元素不透明的效果经常需要用到.通常对父容器使用opacity属性时,子元素也跟着变透明,所以不妨设置父容器的 background-color:rgba(r,g,b,x); 其中x取值从0到1,表示透明程度.

不透明度opacity进阶

一.opacity属性 1.opacity 习惯上说“透明度”,其实应该叫“不透明度”.opacity 意思:不透明,而背景色的默认值:transparent意思才是“透明的”.所以opacity用来设置不透明度,取值从[0.0~1.0],代表从完全透明到完全不透明,0.0就和transparent一样了,看不到但是实实在在存在. 默认值:1,完全不透明. Inherited:默认继承.所以给父元素设置opacity时,所有子元素也会继承opacity属性. <style> div{ back

Nginx在线服务状态下平滑升级或新增模块的详细操作

今天应开发的需求,需要在Nginx增加一个模块,并不能影响现有的业务,所以就必须要平滑升级Nginx,好了,不多说了 1:查看现有的nginx编译参数 /usr/local/nginx/sbin/nginx -V 2:按照安装nginx的方法进行安装,只需要到make,千万不要make install 3: 备份旧版本的nginx可执行文件(期间nginx不会停止服务) mv /usr/local/nginx/sbin/nginx /usr/local/nginx/sbin/nginx.old

yarn关于app max attempt深度解析，针对长服务appmaster平滑重启

在YARN上开发长服务,需要注意fault-tolerance,本篇文章对appmaster的平滑重启的一个参数做了解析,如何设置可以有助于达到appmaster平滑重启. 在yarn-site.xml有个参数 /** * The maximum number of application attempts. * It's a global setting for all application masters. */ yarn.resourcemanager.am.max-attempts 一

让你的网站免费支持 HTTPS 及 Nginx 平滑升级

为什么要使用 HTTPS ? 首先来说一下 HTTP 与 HTTPS 协议的区别吧,他们的根本区别就是 HTTPS 在 HTTP 协议的基础上加入了 SSL 层,在传输层对网络连接进行加密.简单点说在 HTTP 协议下你的网站是光着身子在奔跑,但到了 HTTPS 下你穿了一件衣服,别人看不到你的肌肉了(当然,这好像不是好事,不重要),更安全了一点点,就大概这个意思. SSL 依靠证书来验证服务器的身份,并为浏览器和服务器之间的通信加密.采用 HTTPS 的服务器必须从证书颁发机构 CA(Cert

WPF透明设置(Opacity)

CSS3透明属性opacity

例子: <div id="fixhovertree" style="position:fixed;left:100px;width:120px;top:100px;opacity:0.5;background-color:silver;color:red">何问起<a href="http://hovertree.com/hvtart/bjae/q3etb2qv.htm" target="_blank">

jQuery实现页面内锚点平滑跳转

平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到内容了,没有一丝的滚动效果,而且 url 链接最后会有“小尾巴”,就像#keleyi,今天我就介绍一款 jquery 做的滚动的特效,既可以设置滚动速度,又可以在 url 链接上没有“小尾巴”. 效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/37.htm HTML文件代码: <!DOCTYPE html> <html> <head> <meta charset=

使用excel计算指数平滑和移动平均

指数平滑法原数数据如下: 点击数据——数据分析选择指数平滑最一次平滑由于我们选择的区域是B1:B22,第一个单元格“钢产量”,被当做标志,所以我们应该勾选标志.当我们勾选了标志后,列中的第一个单元格将不被用于计算,计算从第二个单元格开始. 结果如下: 做二次平滑这里,我们不再采用标志,所以数据区间选择在C3:C22 对比一下阻尼系数=0.3 阻尼系数=0.05 阻尼系数=0.9 画在一张图上对比下,可见阻尼系数越大,曲线越平. 移动平均(一阶和二阶) 同理可以使用

opacity 平滑

热门专题