亚轩啊-优快云博客

原创 css div代码渐变色

本文展示了一个炫彩渐变卡片效果的HTML/CSS实现。通过conic-gradient创建360度锥形渐变背景，配合模糊滤镜和旋转动画形成动态光效。卡片采用圆角边框设计，包含React JS标题和"Learn More"按钮，整体呈现科技感的视觉效果。代码关键点包括：::after伪元素实现背景层、filter:blur()营造光晕效果、@keyframes控制渐变旋转动画，以及半透明黑色遮罩保证文字可读性。

2025-06-10 08:54:00 341

原创 css鼠标悬停效果

<div class="image-container"> <div class="image" style="--clip-start: ellipse(0 0 at 0 0); --clip-end: ellipse(150% 150% at 0 0);"><img src="https://picsum.photos/id/10/200/200"/><img src="https://picsum.photos/id/10/200/200"/>&lt

2021-03-05 16:49:40 177

原创纯css按钮动画

<a href="#"> <span></span> <span></span> <span></span> <span></span> Neon button </a> <a href="#"> <span></span> &

2020-10-21 15:50:52 202

原创搜索框交互动画效果

html+css实现搜索框动画效果<form> <label for="search">Search</label> <input id="search" type="search" pattern=".*\S.*" required> <span class="caret"></span></form>* { border: 0; box-sizing: border-box; margin: 0;

2020-10-21 15:21:42 466

原创动画背景渐变色

<html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> </head> <body> <div id="gradient" /> </body></html> body{ background-colo

2020-09-25 17:25:56 404

原创按钮悬浮效果纯html+css

<button class="noselect"></button>* { margin: 0; padding: 0; box-sizing: border-box;}body { height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #42378f; background-image

2020-09-25 17:20:40 1137

原创 html+css+jquery实现滑动四边形导航栏

html+css+jquery实现滑动四边形导航栏<ul class="nav"> <li><a href="#/">Alpha</a></li> <li><a href="#/">Beta</a></li> <li><a href="#/">Gamma</a></li> <li><a href="#

2020-09-25 17:18:55 260

原创小程序如何推广

微信小程序如何推广1、海报加＋二维码这是最常见的方法、就是在各种海报、名片、门店、宣传册等一些户外广告的印刷上二维码，也就是二维码随处可见。2、利用微信公众号本身推广微信现在对小程序开发接口，微信平台文章直接可以跳转小程序、只要你在文章里添加小程序，小程序就会随同微信文章四处转发传播，同时支持分享微信群，朋友圈，这样就间接打通了微信和小程序的通道。3、利用公众号群推微信已可以关联小程序，一个...

2019-04-11 09:30:12 461

原创小程序实现缩放移动旋转图片

想要在小程序上实现缩放移动旋转着实是不容易啊百度了很久跳了很多坑话不多说直接上代码助大家尽快脱坑JS部分// pages/index/index.jsconst app = getApp();Page({ /** * 页面的初始数据 */ data: { bgPic:null, picChoosed:false }, a...

2018-11-27 14:39:39 1978

weixin_43545369的博客