资讯频道 → Web前端
阅读更多

3顶
0踩

Web前端

翻译新闻 10个新鲜的CSS3文本效果制作与Web排版教程推荐

2012-01-09 18:21 by 资深编辑 luiang1018 评论(1) 有7356人浏览
CSS3 Web Typography
在CSS3中变化重大的一项便是与Web排版相关的技术。现在我们不需要使用任何JavaScript或图片即可实现丰富的文本样式效果。本文收集了10个非常实用的CSS3 文本效果制作与Web排版教程，希望你会喜欢。

1. Create Attractive Web Typography with CSS3 and Lettering.js

在该教程中我们将学习怎样使用基本的CSS标记来完成交互式排版设计，这里我们只使用最少的图像，并借助纯CSS3的魔力，另外，使用一个专门用于网页排版的jQuery插件——lettering.js让设计稍微更出色一些。


教程 / 演示

2. Create 3D Text Using CSS3

使用CSS3 text-shadow属性创建立体的文本效果，用于标题或段落标签非常不错。


教程 / 演示

3. 3D CSS Shadow Text Tutorial

同样，本教程将按部就班地演示如何创建3D字体，通过对多个CSS3文本阴影属性进行堆积实现。


教程 / 演示

4. Create True Inset Text Effect Using CSS3

除了默认的text-shadow，该教程还使用了inner shadow属性。


教程 + 演示

5. CSS3 Poster with No Images

体验CSS3强大之处的一个非常好的指南。使用到了Box-shadow、border-radius、@font-face、transform、box-sizing、text-shadow，以及BGRa技术。


教程 / 演示

6. Use Text Shadow with CSS3

该教程中介绍了可以使用CSS3 text-shadow实现的5种不同效果。


教程 + 演示

7. CSS3 Background-Clip: Text

在文本中实现渐变颜色效果。


教程 / [url=http://trentwalton.com/bgclip/]演示
[/url]

8. Create Inset Typography with CSS3

学习如何制作凹陷字体。


教程 + 演示

9. I Heart Blur

严格说来，这不是一个教程。不过代码值得研究一下，你可以学会为文本增加模糊效果的一招——通过使用大量text-shadow属性。


源码 / 演示

10. CSS3 Text-Shadow – Can It Be Done in IE without JavaScript?

在IE9中支持大部分CSS3属性，但是目前并不支持image-border及text-shadow这两个。在本教程中将对text-shadow进行讨论：关于它是如何在浏览器中工作的，以及怎么可以在IE中模仿它的效果。


教程+演示

Via  jquery4u


  • 大小: 62 KB
  • 大小: 64.5 KB
  • 大小: 55.8 KB
  • 大小: 44.3 KB
  • 大小: 67 KB
  • 大小: 52.5 KB
  • 大小: 73.4 KB
  • 大小: 61.7 KB
  • 大小: 60.8 KB
  • 大小: 79.3 KB
3
顶
0
踩
评论 共 1 条 请登录后发表评论
1 楼 armstrong311 2012-01-09 18:52
个人比较喜欢  8. Create Inset Typography with CSS3 
这个挺好看

发表评论

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

相关推荐

  • JBPM使用详解

    工作流（Workflow），就是“业务过程的部分或整体在计算机应用环境下的自动化”，它主要解决的是“使在多个参与者之间按照某种预定义的规则传递文档、信息或任务的过程自动进行，从而实现某个预期的业务目标，或者...

  • jbpm_工作流框架笔记

    工作流（Workflow），就是“业务过程的部分或整体在计算机应用环境下的自动化”，它主要解决的是“使在多个参与者之间按照某种预定义的规则传递文档、信息或任务的过程自动进行，从而实现某个预期的业务目标，或者...

  • jBPM

    　jbpm主要是用来管理oa系统的流程审批的一个框架,大概的工作流程是通过流程设计器,生成一个流程控制配置文件和一张流程图,,流程控制配置是为框架的工作流引擎使用的,二生成的流程控制图片是为使用者看的, ...

  • 工作流-jbpm入门例子

    原文地址：... 1. jBPM的简单介绍 jBPM是JBOSS下的一个开源java工作流项目，该项目提供eclipse插件，基于Hibernate实现数据持久化存储。  参考 http://www.jboss.com/products/jbpm 2. jBPM和m

  • jBPM 整理文档 工作流基础

    工作流（Workflow），就是“业务过程的部分或整体在计算机应用环境下的自动化”，它主要解决的是“使在多个参与者之间按照某种预定义的规则传递文档、信息或任务的过程自动进行，从而实现某个预期的业务目标，或者...

  • jbpm入门

    原文地址：... 1. jBPM的简单介绍 ...jBPM是JBOSS下的一个开源java工作流项目，该项目提供eclipse插件，基于Hibernate实现数据持久化存储。  参考 http://www.jboss.com/products/jbpm 2.

  • JBPM布署及入门

    1.  jBPM的简单介绍 jBPM是JBOSS下的一个开源java工作流项目，该项目提供eclipse插件，基于Hibernate实现数据持久化存储。 ...当eclipse安装了myeclipse和jBPM时候，可能有冲突，具体表现在jBPM

  • jbpm资料

    1. jBPM4介绍 ...2.1. 安装流程设计器插件（Graphical Process Designer） 1， jBPM4.4包含了一个图形化设计流程的工具（GPD），它是eclipse插件，是用来设计jPDL 的图形化流程的，支持...

  • jbpm入门样例

    1. jBPM的简介 jBPM是JBOSS下的一个开源java工作流项目，该项目提供eclipse插件，基于Hibernate实现数据持久化存储。 參考 ...当eclipse安装了myeclipse和jBPM时候，可能有冲突，详细表如今jB...

  • jbpm入门例子

    1. jBPM的简单介绍 jBPM是JBOSS下的一个开源java工作流项目，该项目提供eclipse插件，基于Hibernate实现数据持久化存储。  参考 http://www.jboss.com/products/jbpm 2. jBPM和myecli

  • JBPM入门学习

    1. jBPM的简单介绍 jBPM是JBOSS下的一个开源java工作流项目，该项目提供eclipse插件，基于Hibernate实现数据持久化存储。...当eclipse安装了myeclipse和jBPM时候，可能有冲突，具体表现在jBPM的流程设

  • jbpm学习

    1. jBPM的简单介绍jBPM是JBOSS下的一个开源java工作流项目，该项目提供eclipse插件，基于Hibernate实现数据持久化... jBPM和myeclipse的冲突当eclipse安装了myeclipse和jBPM时候，可能有冲突，具体表现在jBPM的流程

  • jbpm

    jBPM的简单介绍jBPM是JBOSS下的一个开源java工作流项目，该项目提供eclipse插件，基于Hibernate实现... jBPM和myeclipse的冲突当eclipse安装了myeclipse和jBPM时候，可能有冲突，具体表现在jBPM的流程设计器不能在e

  • 基于S7-300PLC与MCGS6.2的饮料罐装生产线自动化控制系统设计，包含仿真、程序、IO表与电气原理，实现自动操作、灌装报警及瓶数记录功能 ,基于PLC的饮料罐装生产线控制系统设计 S7-30

    基于S7-300PLC与MCGS6.2的饮料罐装生产线自动化控制系统设计，包含仿真、程序、IO表与电气原理，实现自动操作、灌装报警及瓶数记录功能。,基于PLC的饮料罐装生产线控制系统设计。 S7-300PLC MCGS6.2仿真 仿真，程序，IO表，电气原理图，6500字说明。 实现功能有： （1）系统通过开关设定为自动操作模式，一旦启动，则传送带的驱动电机启动并一直保持到停止开关动作或罐装设备下的传感器检测到一个瓶子时停止；瓶子装满饮料后，传送带驱动电机必须自动启动，并保持到又检测到一个瓶子或停止开关动作。 （2）当瓶子定位在灌装设备下时，停顿1秒，罐装设备开始工作，灌装过程为5秒钟，罐装过程应有报警显示，5秒后停止并不再显示报警。 （2）用两个传感器和若干个加法器检测并记录空瓶数和满瓶数，一旦系统启动，必须记录空瓶和满瓶数，设最多不超过99999999瓶。 （4）可以手动对计数器清零（复位）。 ,关键词：S7-300PLC; MCGS6.2仿真; 传送带驱动电机; 传感器检测; 瓶装; 空瓶数; 满瓶数; 报警显示; 自动操作模式; 灌装设备。,基于S7-300PLC的饮料罐装

  • python加密货币时间序列预测源码+数据集-最新出炉.zip

    python加密货币时间序列预测源码+数据集-最新出炉 加密货币分析： 对各种加密货币的数据进行分析和研究。可能会使用到从各种来源收集的数据，包括但不限于加密货币的价格、市值、交易量、交易时间等信息。 探索加密货币市场的趋势和模式，例如价格的波动情况、不同加密货币之间的相关性等。 数据处理与操作： 可能使用 Python 语言（Kaggle 上常用的数据分析语言），并运用一些数据处理和分析的库，如 pandas 用于数据的读取、清洗、整理和转换操作，将原始的加密货币数据转换为更易于分析的格式。 可视化展示： 通过可视化工具，如 matplotlib 或 seaborn 库，将加密货币的信息以图表的形式展示出来，以帮助直观地理解数据中的关系和趋势。 统计分析或预测： 可能会进行一些基本的统计分析，如计算加密货币价格的均值、中位数、标准差等统计量，以描述数据的特征。 或者使用机器学习或时间序列分析的方法对加密货币的价格进行预测，根据历史数据预测未来价格走势。 例如，使用 scikit-learn 进行简单的回归分析： 数据挖掘与特征提取： 挖掘加密货币数据中的特征，如找出影响价格的关键因素，对数据中的特征进行筛选和提取，以帮助更好地理解加密货币的市场行为。

  • 面对程序设计GJava

    类和对象、继承、封装、多态、接口、异常

  • TF_demo1_keras.ipynb

    gee python相关教程

  • 夜间灯光数据 2023年全球_中国夜间灯光数据合集(数据权威)

    夜间灯光强度（平均灯光强度）的高低反映了一个地区城市化发展的水平，平均灯光强度越高，说明该地区城市群越多，城市化程度越高。夜间灯光数据现在越来越广泛地应用于经济增长分析、经济地理、城市经济学、数字经济等众多领域。 本数据包括三套： [1]中国类DMSP-OLS灯光数据1992-202 [2]中国超长序列灯光数据1984-2020 [3]全球类NPP-VIIRS夜间灯光数据2000-2022 包括：全国各省、市、县夜间灯光数据 矫正后夜间灯光数据 细分：标准差、平均值、总值、最大值和最小值

  • 工程项目总监绩效考核表.xls

    工程项目总监绩效考核表

Global site tag (gtag.js) - Google Analytics