如何用CSS3实现奥运五环特效

有些时候我们需要写网页特效的时候不知怎么写,现在学学用网页实现奥运五环

操作方法

  • 01

    打开hbuilder,点击文件-新建-web项目-输入项目名称,如下图

  • 02

    接下来写html部分的代码,截图如下图:

  • 03

    接下来写js部分,这次直接在Html文件里写,加script标签就可以了,截图如下图:

  • 04

    接下来保存,然后点击菜单栏的运行-浏览器运行,效果如下图:

(0)

相关推荐

  • 如何用PSCS6制作奥运五环

    小编最近正在学习PS,初学PS的都知道有个奥运五环很经典的学习步骤,今天小编就用最新的PS版本CS6和大家分享PS做奥运五环的方法步骤. 操作方法 01 打开PS最新版 界面默认是黑色的风格,小编很喜 ...

  • visio怎么绘制奥运五环?

    奥运五环预示着五湖四海和平统一,是一个十分漂亮的标志.今天,我就给大家说说如何用visio绘制奥运五环图标. 1.首先,打开visio软件,新建一个“框图”文件,如图所示. 2.接着,从左边形状栏中找 ...

  • After Effect制作梦幻奥运五环效果

    2008年是中华民族的盛世之年,在这里我们为北京2008喝彩欢呼。加油吧,中国的健儿们! 动画效果 梦幻奥运五环静态效果图 第一部分 梦幻五环 采用遮罩工具创建出奥运的五环,运用Trapcode插件中 ...

  • 用3dmax2012制作奥运五环效果图

    用3dmax2012制作奥运五环效果图 操作方法 01 一.绘制实体 1.启动3dmax2012,单击"创建"命令面板中的"几何体"按钮,在下拉列表中选择&qu ...

  • 用photoshop制作奥运五环

    这里与大家分享一下如何用photoshop画出奥运五环的方法. 操作方法 01 菜单栏:执行"文件"-"新建"命令,参数如下. 02 在"工具面板&q ...

  • Coreldraw入门详细步骤实例 奥运五环

    利用 椭圆工具. 形状工具. 选择工具. 再制. 属性栏. 调色板. 对象菜单等制作奥运五环效果图 操作方法 01 用" 椭圆工具"按Ctrl键画一个正圆,按Shift键四周小方框 ...

  • 怎么用CDR设计画奥运五环。

    cdr怎么设计奥运五环的标志,该怎么绘制绘制彩色的圆环并组成想要的图形,下面我们就来看看cdr设计奥运五环的教程,需要的朋友可以参考下. 操作方法 01 1.打开电脑点击进入CDR软件用"椭 ...

  • ps 如何做奥运五环

    看到了桌上福娃贝贝,想起了2008年奥运五环,然后手痒痒开始p图. 下面两张是素材. 操作方法 01 新建文件.参数如图所示. 02 点击椭圆形状工具. 一般是利用选区来做,我这边是用了形状工具,环是 ...

  • 用CorelDRAW X4制作精美奥运五环

    怎样用CorelDRAW X4制作精美奥运五环呢?下面来体验一下. 操作方法 01 制作环形(1)打开CorelDRAW X4,新建文件.属性栏中[纸张类型/大小]项设置为A4,版式为横向. 02 ( ...