CSS&JS

请不要叫我单身狗,我的代号是战狼。七夕将至，本期就献上一个七夕表白信封，打开信封就有你对她想说的话，毕竟单身直男一般当面也说不出口，咱今儿就用H5动画的这种形式表达出来。

【阴间交互效果】其中一个脑洞是让用户拉一下拉杆如同抽奖的形式获取到验证码，本期就咱们就还原出这个交互效果看看它到底有多疯狂。

本期将给大家带来掘金马克杯用css如何进行绘制的，主要讲述杯身，杯口和杯把的绘制，然后会说明一下不用js去触发填充咖啡的动画效果，至于掘金图案的绘制比较繁琐也没有太多要说的，想了解的同学就看代码好了。

本期将带给大家的是一个css创意特效——端午加载动画，想法是让粽叶，糯米，红枣绕圆旋转，然后聚集起来融合后变成一个可爱的小粽子的效果。继续阅读你将会得到图像外发光效果，滤镜效果，动画样式控制等知识。

本期我们将使用vite2与vue3开发出一个招财猫小游戏，通过考验眼力和预判能力，在图案不停滚动的同时选出可以转出不同的素材最终得到粽子奖励，康康你能用多少次才会转出自己喜爱口味的粽子吧~

本期将通过纯css去绘制出【和风团扇】，给大家带来一丝清凉之感。通过本期的学习，你可以学习到css自定义变量，伪元素内容写入和图形裁剪等知识点的使用技巧。

本期我们要使用纯css来绘制出一个乖巧可爱的卡通狮子，通过这个栗子我们可以熟悉更多的css绘制技巧，相信在以后的界面绘制任务中更加得心应手。

本期我们要使用css3中的box-shadow属性来作画，相信大家也对box-shadow属性并不陌生，它主要用于在元素的框架上添加阴影效果，但是想没想过单纯使用他来完成图像的绘制呢？

小时候看过龙珠的伙伴们可能都希望这世界上真的有龙珠这种秘宝让我们搜寻，集齐后向神龙许愿来实现自己的愿望，或许直到我们长大还有这种憧憬，所以本期将会通过使用纯css来完成一个龙珠雷达的效果。

本期我们将用css3+vue做一个养鱼小游戏，当我们点击屏幕可以投放食物，鱼儿每当看到食物就会争抢，鱼儿吃到食物就会变大一点。。

相信90后一大半的小伙伴都是火影迷，其中有个炒鸡酷炫的瞳术就是万花筒血轮眼，我们本期就用通过scss搞出个加强版的万花筒血轮眼，正好复习下vite+vue3的项目搭建。

相信无数80,90后的同志们之前都非常痴迷龙珠，其中龙珠人物提升战斗力的一个招牌动，本期我们将会使用SVG的feTurbulence噪声滤镜来完成龙珠中聚气动画。

相信看到标题大家就会想到定时器等等在网页开发中已经烂大街了，但是它就像打台球一样，越是感觉基础简单的东西，往往越是失误和问题也是最多的。本期我就来介绍四种“操控时间”方法，看看你真的会使用他们么。

我们或许经常在开发需求里遇到像一键复制这个功能，用户点击一下按钮，指定的文本内容就自动进入用户的剪贴板里面了。本期我们就针对一键复制这个功能展开讨论，介绍三种实现方案。

本期我们的最终目的还是学习如何通过谷歌浏览器调试春节小游戏，应对不同问题的方案。当然，这些小游戏大家还是通过自己努力来完成的才有意义，这样才是尊重游戏开发者。

本期我们就来用js实现一个把HTML转成PDF文件的类，好让运营和产品给咱们加个鸡腿。实现这个也非常的简单，就是要把需要转的内容先生成canvas，再用canvas生成图片，最后用图片生成PDF。

网页中的一镜到底，通常是指在页面中通过模仿镜头的拉伸，使得不同的画面元素陆续呈现在观众眼前的一种表现方式，本期就用svg+js来做一个一镜到底的网页特效，来等待我们心心念念的除夕夜吧。

春节将至，记得小时候过年是无忧无虑的，大人们会买很多玩具给我们玩，其中有种最为怪异——布老虎，本期就用css+js来完成一只会咬手指的丑萌丑萌的布老虎玩具。