数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究
102 次查看
要使用 CSS 实现 X 轴翻转动画效果，您可以尝试运行以下代码示例实时演示 .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; padding-top:95px; margin-bottom:60px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: ... 阅读更多
138 次查看
cue 属性是设置 cue-before 和 cue-after 的简写。如果给出两个值，则第一个值为 cue-before，第二个值为 cue-after。如果只给出一个值，则它应用于这两个属性。例如，以下两个规则是等效的
76 次查看
此属性指定在朗读元素内容之前播放的声音，以将其与其他内容分隔开。可能的值为：url - 要播放的声音文件的 URL。none - 无需播放任何声音。例如，您可以尝试运行以下代码以在 CSS 中实现 cue-before 属性
239 次查看
元素可以通过突然快速的移动翻转或使其翻转。示例实时演示 .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; padding-top:95px; margin-bottom:60px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; ... 阅读更多
325 次查看
元素突然短暂的明亮光线爆发会产生闪光效果。示例实时演示 .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; padding-top:95px; margin-bottom:60px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } 重新加载页面 function myFunction() { location.reload(); }
96 次查看
要使用 CSS 对图像实现向上淡出放大动画效果，您可以尝试运行以下代码：示例实时演示 .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; padding-top:95px; margin-bottom:60px; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } 重新加载页面 function myFunction() { location.reload(); }
2K+ 次查看
有四个值可用于设置页面大小：auto - 页面框将设置为目标纸张的大小和方向。landscape - 覆盖目标的方向。页面框与目标大小相同，较长边为水平方向。portrait - 覆盖目标的方向。页面框与目标大小相同，较短边为水平方向。length - 'size' 属性的长度值会创建一个绝对页面框。如果只指定一个长度值，则它会设置页面框的宽度和高度。百分比值是 ... 阅读更多
151 次查看
要使用 CSS 对图像实现向上淡出动画效果，您可以尝试运行以下代码示例实时演示 .animated { background-image: url(/css/images/logo.png); background-repeat: no-repeat; background-position: left top; padding-top:95px; margin-bottom:60px; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } 重新加载页面 function myFunction() { location.reload(); }
1K+ 次查看
elevation 属性设置声音在垂直方向上的来源。可能的取值如下： -angle - 将仰角指定为一个角度，介于 -90deg 和 90deg 之间。0deg 表示水平方向，大致意味着与听众水平。90deg 表示正上方，-90deg 表示正下方。below - 与 '-90deg' 相同。level - 与 '0deg' 相同。above - 与 '90deg' 相同。higher - 在当前仰角基础上增加 10 度。lower - 在当前仰角基础上减少 10 度。您可以尝试运行以下代码来实现 CSS elevation 属性：
105 次浏览
此属性指定文本是否以声音方式呈现，以及如何呈现。可能的取值如下： -none - 禁止声音渲染，因此元素不需要任何时间来渲染。normal - 使用依赖于语言的发音规则来渲染元素及其子元素。spell-out - 一次一个字母地拼写文本。请注意，'volume' 属性值为 'silent' 的元素与 'speak' 属性值为 'none' 的元素之间的区别。前者占用与语音相同的时间，包括元素前后任何暂停，但没有... 阅读更多