ChokCoco

2023年2月10日

摘要：图片资源，在a56爆大奖在线娱乐们的业务中可谓是占据了非常大头的一环，尤其是其对带宽的消耗是十分巨大的。对图片的性能优化及体验优化在今天就显得尤为重要。a56爆大奖在线娱乐，就将从各个方面阐述，在各种新特性满头飞的今天，a56爆大奖在线娱乐们可以如何尽可能的对a56爆大奖在线娱乐们的图片资源，进行性能优化及体验优化。图片类型的选取及 Picture 标签的使用首阅读全文

posted @ 2023-02-10 09:21 ChokCoco 阅读(2624) 评论(6) 推荐(9) 编辑

2023年1月31日

vh 存在问题？试试动态视口单位之 dvh、svh、lvh

摘要：大部分同学都知道，在 CSS 世界中，有 vw、vh、vmax、vmin 这几个与视口 Viewport 相关的单位。正常而言： 1vw 等于1/100的视口宽度（Viewport Width） 1vh 等于1/100的视口高度（Viewport Height） vmin — vmin 的值是阅读全文

posted @ 2023-01-31 10:41 ChokCoco 阅读(4001) 评论(4) 推荐(3) 编辑

2023年1月12日

CSS 奇思妙想之酷炫倒影

摘要：在 CSS 中，倒影是a56爆大奖在线娱乐比较常见的效果。今天，a56爆大奖在线娱乐们就将尝试，使用 CSS 完成各类不同的倒影效果，话不多说，直接进入主题。实现倒影的两种方式首先，快速过一下在 CSS 中，实现倒影的 2 种方式。使用 -webkit-box-reflect 正常而言，-webkit-box-reflect 阅读全文

posted @ 2023-01-12 09:26 ChokCoco 阅读(2519) 评论(3) 推荐(17) 编辑

2023年1月5日

有意思，小程序还可以一键生成App！

摘要：小程序≠微信小程序说到小程序，大部分同学的第一反应，可能是微信小程序、支付宝小程序，确实，小程序的概念深入人心，并且已经被约定俗成的绑定到某些互联网公司的 APP 上。但是，“小程序”并不是一个注册商标，也不是哪一家的专利。小程序作为a56爆大奖在线娱乐人机交互的软件载体、a56爆大奖在线娱乐数字内容格式、a56爆大奖在线娱乐代码分发传播机阅读全文

posted @ 2023-01-05 10:18 ChokCoco 阅读(1052) 评论(2) 推荐(4) 编辑

2023年1月3日

巧用视觉障眼法，还原 3D 文字特效

摘要：最近群里有这样一个有意思的问题，大家在讨论，使用 CSS 3D 能否实现如下所示的效果：这里的核心难点在于，如何利用 CSS 实现一个立体的数字？CSS 能做到吗？不是特别好实现，但是，如果仅仅只是在一定角度内，利用视觉障眼法，a56爆大奖在线娱乐们还是可以比较完美的还原上述效果的。利用距离、角度及光影构建不一阅读全文

posted @ 2023-01-03 10:42 ChokCoco 阅读(3854) 评论(16) 推荐(35) 编辑

2022年12月26日

不规则图形背景排版高阶技巧 -- 酷炫的六边形网格背景图

摘要：今天，收到一个很有意思的提问，如何实现类似如下的背景效果图：嗯？核心主体是由多个六边形网格叠加形成。那么a56爆大奖在线娱乐们该如何实现它呢？使用纯 CSS 能够实现吗？当然可以，下面a56爆大奖在线娱乐们就将尝试如何使用 CSS 去实现这样一个背景效果。如何绘制六边形？首先，看到这样一个图形，如果想要使用一个标签完成整个背阅读全文

posted @ 2022-12-26 09:58 ChokCoco 阅读(3568) 评论(5) 推荐(23) 编辑

2022年12月19日

开局一张图，构建神奇的 CSS 效果

摘要：假设，a56爆大奖在线娱乐们有这样一张 Gif 图：利用 CSS，a56爆大奖在线娱乐们尝试来搞一些事情。图片的 Glitch Art 风在这篇文章中 --CSS 故障艺术，a56爆大奖在线娱乐们介绍了利用混合模式制作a56爆大奖在线娱乐晕眩感觉的视觉效果。有点类似于抖音的 LOGO。像是这样：假设，a56爆大奖在线娱乐们有这样一张图：只需要一个标签即可 <div clas 阅读全文

posted @ 2022-12-19 10:40 ChokCoco 阅读(3276) 评论(29) 推荐(52) 编辑

2022年12月18日

现代 CSS 高阶技巧，不规则边框解决方案

摘要： a56爆大奖在线娱乐是 CSS Houdini 之 CSS Painting API 系列第四篇。现代 CSS 之高阶图片渐隐消失术现代 CSS 高阶技巧，像 Canvas 一样自由绘图构建样式！现代 CSS 高阶技巧，完美的波浪进度条效果！在上三篇中，a56爆大奖在线娱乐们详细介绍了 CSS Painting API 是如阅读全文

posted @ 2022-12-18 12:40 ChokCoco 阅读(3140) 评论(0) 推荐(18) 编辑

2022年12月14日

现代 CSS 高阶技巧，完美的波浪进度条效果！

摘要： a56爆大奖在线娱乐是 CSS Houdini 之 CSS Painting API 系列第三篇。现代 CSS 之高阶图片渐隐消失术现代 CSS 高阶技巧，像 Canvas 一样自由绘图构建样式！在上两篇中，a56爆大奖在线娱乐们详细介绍了 CSS Painting API 是如�a56爆大奖在线娱乐徊揭徊剑迪肿远ㄒ逋及干踔潦迪侄Ч模� 阅读全文

posted @ 2022-12-14 20:07 ChokCoco 阅读(3187) 评论(3) 推荐(13) 编辑

2022年12月12日

现代 CSS 高阶技巧，像 Canvas 一样自由绘图构建样式！

摘要：在上一篇文章中 -- 现代 CSS 之高阶图片渐隐消失术，a56爆大奖在线娱乐们借助了 CSS @Property 及 CSS Mask 属性，成功的实现了这样a56爆大奖在线娱乐图片渐变消失的效果： CodePen Demo -- 基于 @property 和 mask 的a56爆大奖在线娱乐渐隐消失术但是，这个效果的缺陷也非常明显，虽然借助了阅读全文

posted @ 2022-12-12 20:31 ChokCoco 阅读(2591) 评论(6) 推荐(8) 编辑

经不住流年似水, 逃不过此间少年

公告