`
zlpx
  • 浏览: 156912 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

使用CSS3生成简单的属性动画

    博客分类：
  • css
CSS3 
阅读更多

使用CSS3动画/过渡,transition-duration和transition-property,transition-timing-function风格。

<!DOCTYPE html>
<html>
<head>
    <title>Creating simple property animations using CSS3</title>
    <style type="text/css">
        a {
            color: #F00;
            font-size: 4em;
            font-weight: bold;
            -webkit-transition-property: color;
            -webkit-transition-duration: 1s;
            -webkit-transition-timing-function: ease;
        }
        a:hover {
            color: #0F0;
        }
        a:active {
            color: #00F;
        }
    </style>
</head>
<body>
 
    <a id="header">-webkit-transition</a>
 
</body>
</html>

 源码下载：

 使用CSS3生成简单的属性动画.zip

分享到：
| 使用CSS3生成一个inset盒子阴影（带透明度 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS代码生成器，自动生成CSS

    2. **自定义设置**：用户可以自定义颜色、尺寸、边距、字体等属性，生成器会根据这些输入生成个性化的CSS规则。 3. **响应式设计**：对于现代网页设计，响应式布局至关重要。代码生成器通常包含生成响应式CSS的选项...

    CSS自动生成器

    例如，`css生成器`这个文件可能就是一个这样的工具，可以下载并使用，帮助用户生成和管理他们的CSS样式。总的来说，CSS自动生成器是现代网页设计中一个极具价值的工具，它简化了工作流程，提升了设计质量。

    很好用的css代码生成器

    这意味着它可能包含了基本的CSS属性设置，如颜色、字体、布局、动画等，同时可能还支持自定义CSS类和规则，让用户能够快速生成符合需求的样式代码。长期使用意味着该工具稳定、高效，能够适应不同的项目需求，帮助...

    网页编辑 css代码生成器

    2. **属性设置**：提供一系列常见的CSS属性选项，如颜色、字体、尺寸、边距、背景等，用户只需选择所需属性并设定值，工具会生成相应的代码。 3. **预定义样式**：包含各种预设的样式模板，如按钮样式、导航栏样式...

    CSS3特效-CSS3实现烟花特效

    最后，为了创建更加逼真的烟花特效，可以结合使用CSS3的box-shadow来模拟火花四溅的效果，或者使用CSS3的filter属性添加模糊（blur）和光照（brightness、contrast）效果。 总之，CSS3为我们提供了强大的工具来创建...

    CSS3动画属性边框属性等

    本篇将详细阐述CSS3中的关键知识点，包括动画属性、边框属性、背景属性以及其他的样式属性。 **CSS3动画属性**允许开发者创建复杂的动态效果。`@keyframes` 规定了一个动画的帧，定义了从一种样式到另一种样式的...

    CSS代码生成器 一个可以生成CSS代码的工具.非常方便.zip

    CSS代码生成器通过提供预设样式、颜色选择器和各种布局模板等功能，使得创建CSS规则变得直观和简单。 **核心功能：** 1. **预设样式**：工具通常包含一系列预先定义的样式，如按钮、导航条、提示框等，用户只需...

    CSS样式生成器

    5. **兼容性检查**：一些高级的CSS样式生成器还会提供CSS3特性支持和浏览器兼容性检查，确保生成的样式在不同浏览器上都能正常工作。 ### CSS语法与用法 - **层叠（Cascading）**：CSS的“层叠”特性意味着当有多...

    将AE制作的动画导出为CSS代码

    3. **导出设置**：使用插件或脚本，选择要导出的层和动画属性。这可能包括位置、缩放、旋转、透明度等。确保选择的属性在CSS中是支持动画的。 4. **生成CSS代码**：运行插件或脚本，它会解析AE中的关键帧并生成相应...

    用模板生成css3标准的菜单，非常漂亮！

    在实际应用中，我们可以使用在线工具或模板生成CSS3菜单，这些工具通常已经预设了一些常见的样式和动画，只需稍加调整即可应用于自己的项目中。例如，"CSS3Menu"这个标签可能就指向了一个这样的工具或资源，它能帮助...

    CSS3树叶子飘落动画背景特效

    在本文中，我们将深入探讨如何使用CSS3来创建一个引人入胜的树叶子飘落动画背景特效。这种效果能够为网页增添动态美感，提升用户体验，尤其适用于秋季主题或者浪漫氛围的设计。 首先，我们需要理解CSS3的核心特性，...

    纯CSS3炫酷3D星空动画特效

    2. 利用CSS3的`box-shadow`属性生成大量小点，模拟星星的效果。 3. 通过`animation`和`@keyframes`定义动画，使星星闪烁或者移动。 4. 使用`perspective`和`transform`属性创建3D空间感，使星星有远近层次。 5. 可能...

    css代码生成器

    2. **学习工具**：新手可以通过代码生成器了解CSS的基本结构和常用属性，逐步熟悉CSS语法。 3. **减少错误**：自动化的生成过程减少了手动输入导致的拼写错误和语法错误。 4. **提高效率**：对于重复性的样式设置...

    CSS3属性彩色六边形动画特效.zip

    "CSS3属性彩色六边形动画特效"是一个利用这些新属性来实现的动态视觉效果，旨在提升用户体验并增加网站的吸引力。这个压缩包“CSS3属性彩色六边形动画特效.zip”很可能包含了一个示例项目，用于演示如何通过CSS3来...

    在线CSS按钮生成工具

    在线CSS按钮生成工具是一种网页设计辅助工具，它允许设计师通过简单的界面自定义并生成CSS代码，以创建各种样式的按钮。这些工具通常提供多种样式选项，包括颜色、大小、边框、阴影、字体、对齐方式等，以帮助设计师...

    micron.js可生成炫酷CSS3动画的js动画库的插件

    micron.js是一个可生成炫酷CSS3动画的js动画库的插件。通过micron.js插件，你可以为页面的任意DOM元素添加12种炫酷CSS3动画效果。并能通过js代码或html5 data属性来串联各种CSS3动画效果。简单实用，欢迎下载！本...

    CSS3实现逼真的3D星空背景动画特效

    本文将详细介绍如何使用CSS3来实现这种逼真的3D星空背景动画特效。 首先，CSS3中的3D变换是实现这种效果的关键。通过使用`transform`属性，我们可以对元素进行旋转、缩放和平移等3D操作。在创建星空背景时，通常会...

    css3在线动画制作工具

    3. **代码生成**：完成动画设计后，工具会自动生成对应的CSS3代码，可以直接复制到项目中使用。 4. **兼容性检查**：高级工具还会提供浏览器兼容性检查，确保在不同设备和浏览器上都能正常运行。 **三、集成到网站...

    CSS特效生成工具/css代码

    这样的工具通常包含各种预设选项，如按钮样式、滑动效果、过渡动画、导航栏设计等，用户可以根据需求选择并自定义参数，生成对应的CSS代码。 在“CSS特效代码生成器 v1.0”中，你可以找到各种预设的CSS特效模板。...

    css3创意气泡文字标签布局动画特效

    本项目名为“css3创意气泡文字标签布局动画特效”，它利用了CSS3的关键帧动画（keyframes）属性来创建一个独特的、多彩的气泡文字标签布局，这些气泡大小不一，带有光晕效果，并随机排列。 首先，我们要理解CSS3的...

Magicbox
Global site tag (gtag.js) - Google Analytics