效果图

今天来分享一个特别炫酷的文章特效，在里面可以任意的输入你想输入的文字，我们先把运行结果在在面这个当我们打字的时候会变色，给你最好的使用感和观看感，这次代码用HTML+CSS写的。<div class="container"> <h2 contenteditable="true">hello</h2> </div>一看不知道一看下一跳，在html代码只有怎么多，用一个div和一个h2标签写成的，写完html代码我们来看看运行效果怎么样把。只有一个hello和一个输入框，你们在里面看不到输入框，点击hello他就会显示出来，这样我们就用html搭建出一个简单的画面，我们接着看下面的CSS部分，加我个人微信获得更多源码，个人微信【y27724611159】。其实CSS代码也不多，就简单的47行，把CSS加入我们的html里面就会有神奇的事情发生，你会发现你把这个炫酷的发光字特效做出了了。*{ /* 初始化 */ margin: 0; padding: 0; } body{ /* 100%窗口高度 */ min-height: 100vh; /* 弹性布局 水平+垂直居中 */ display: flex; justify-content: center; align-items: center; background-color: #06252e; } .container{ /* 投影效果 */ -webkit-box-reflect: below 1px linear-gradient(transparent,rgba(0,0,0,0.2)); } h2{ color: #fff; font-size: 96px; /* 字间距 */ letter-spacing: 15px; /* 转大写 */ text-transform: uppercase; text-align: center; line-height: 76px; outline: none; /* 自定义属性--c，可通过var函数对其调用 */ --c:lightseagreen; /* 调用自定义属性--c，设置文字阴影（发光效果） */ text-shadow: 0 0 10px var(--c), 0 0 20px var(--c), 0 0 40px var(--c), 0 0 80px var(--c), 0 0 160px var(--c); /* 执行动画：动画名 时长 线性的 无限次播放 */ animation: animate 5s linear infinite; } /* 定义动画 */ @keyframes animate { to{ /* 色相旋转滤镜（设置度数可改变颜色） */ filter: hue-rotate(360deg); } }

源码介绍疫情散发，日子难过，那不如来要饭吧；有人说直接挂个收款码不就完啦，但是，你考虑施舍人的感受了吗？？施舍也要讲究便捷，如果能像购物一样，那也是很美的一件事情；BUT线上的支付基本都需要企业资格才能开通，最起码也要是个体工商户才可以（有营业执照），用第三方支付随时担心跑路，自架支付没那本事，还好支付宝的当面付可以个人免签约，当然有些限制，要个饭是够了！源码截图支付宝当面付支持个人开通，但是需要门店照片，这个百度就可以！营业执照是可选的，不上传的话，限制单笔收款≤1000，单日收款≤5W，对于个人开发者足够了。详细开通操作流程：https://blog.csdn.net/m0_46243789/article/details/112248404配置方法打开config.php/*** 请填写以下配置信息 ***/ $appid = 'xxxx'; //https://open.alipay.com 账户中心->密钥管理->开放平台密钥，填写添加了电脑网站支付的应用的APPID $notifyUrl = 'https://xxxxx/app/pay.php'; //付款成功后的异步回调地址 $signType = 'RSA2'; //签名算法类型，支持RSA2和RSA，推荐使用RSA2 $rsaPrivateKey='xxxx'; //生成的应用私钥 $alipayPublicKey='xxxxx'; //支付宝公钥，账户中心->密钥管理->开放平台密钥，找到添加了支付功能的应用，根据你的加密类型，查看支付宝公钥不是应用公钥