天涯论坛

 找回密码
 立即注册
搜索
查看: 80|回复: 0

纯 HTML+CSS 能写出什么惊人的效果?

[复制链接]

3056

主题

155

回帖

9923万

积分

论坛元老

Rank: 8Rank: 8

积分
99238923
发表于 2024-6-29 13:57:20 | 显示全部楼层 |阅读模式

今天来分享有些运用HTML和CSS实现的作品,能够点击每一个作品下方的链接查看对应的源代码~

1. 利威尔

本作品的作者是 Temani Afif,运用一系列的div实现,在样式中重点运用clip-path和伪元素来进行绘制。

在线体验(源代码):https://codepen.io/t_afif/embed/MWoXXRd

2. 宇智波鼬

本作品的作者是 Ronnie Lee,重点运用div实现整体结构。

在线体验(源代码):https://codepen.io/idrinkcss/embed/abwvaGY

3. 火箭着陆

本作品的作者是 Mina,重点运用div实现整体结构,样式实现中运用非常多动画效果。

在线体验(源代码):https://codepen.io/ece_mina/embed/xxXyMMY

4. 路飞

本作品的作者是 Temani Afif,重点运用div实现整体结构,运用clip-path进行细节的绘制。

在线体验(源





上一篇:Web程序员必要!这8种CSS工具快保藏好
下一篇:纯html5+css能写出什么惊人的效果?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-23 10:49 , Processed in 0.186854 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.