悬停卡片效果
发表于|更新于
|浏览量:
人在无端微笑时,不是百无聊赖,就是痛苦难当。——王小波
分享一个通过css实现的卡片悬停效果
代码地址:cards: 悬浮卡片
在线演示:Document
相关推荐
2021-06-01
uniapp中textarea坑
幼稚是会成长,会成熟的。只要不衰老,腐败,就好。——鲁迅 今天在使用uniapp进行开发的时候,发现一个关于textarea标签的坑 代码如下: 12345<template> <view style="width:100%;height: 100%;"> <textarea style="width:100%;height: 100%;" value=" 一般来讲,我们都必须务必慎重的考虑考虑。 带着这些问题,我们来审视一下阿超。 总结的来说, 每个人都不得不面对这些问题。 在面对这种问题时, 阿超因何而发生? 带着这些问题,我们来审视一下阿超。 所谓阿超,关键是阿超需要如何写。 从这个角度来看, 德谟克利特说过一句富有哲理的话,节制使快乐增加并使享受加强。我希望诸位也能好好地体会这句话。 那么, 培根曾经提到过,阅读使人充实,会谈使人敏捷,写作使人精确。这不禁令我深思。 问题的关键究竟为何。 康德在不经意间这样说过,既然我已经踏上这条道路,那么,任何东西都不应妨碍我沿着这条路走下去。这启发...
2023-09-11
css画一个圈带一条线
深窥自己的心,而后发觉一切的奇迹在你自己。——培根 用到的是css的background属性和radial-gradient 12345678910111213141516/** 淡蓝渲染到20px * 白色渲染到20px(分割线 * 白色渲染到21px(分割线 * 淡蓝渲染到21px * 淡蓝渲染到40px * 后续白色打底 */background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px, #fff 0); 效果: .ruben{ background: radial-gradient( circle at center, #f6faff 20px, #fff 20px, #fff 21px, #f6faff 21px, #f6faff 40px...
2025-07-29
selenium
我慢慢明白了我为什么不快乐,因为我总是期待一个结果。看一本书期待它让我变得深刻;吃饭、游泳期待它让我一斤斤瘦下来;发一条微信期待它被回复;对别人好期待被回待以好;写一个故事说一个心情期待被关注安慰;参加一个活动,期待换来充实丰富的经历。这些预设的期待如果实现了,我长舒一口气,如果没有实现呢,就自怨自艾。可是小时候也是同一个我,用一下午的时间看蚂蚁搬家,等石头开花。小时候不期待结果,小时候哭笑都不打折。——《允许自己虚度时光》 https://github.com/SeleniumHQ/selenium Selenium:让你的浏览器自动工作,解放双手的神器!你是否曾幻想过:打开电脑,一行代码敲下去,Chrome、Firefox、Safari……各路浏览器自动帮你完成所有重复操作,自己在旁边喝咖啡、刷剧、享受生活?这不是科幻,而是真实存在的“自动化世界”——Selenium,就是让这一切变得触手可及的开源王者! Selenium是什么?一句话超酷简介 Automates browsers. That’s it!Selenium,就是让浏览器自己动起来的神器!不管你用什么语言,...
2024-04-17
octokit.js
暴食杀人多于利剑杀人。——伯里兹 分享一个框架封装了GitHub的API调用 GitHub - octokit/octokit.js: The all-batteries-included GitHub SDK for Browsers, Node.js, and Deno. 等于是一个SDK 目前,GitHub 维护以下语言/框架/平台的 SDK: JavaScript / TypeScript C# / .NET Ruby Terraform provider 还有 2 个 SDK,它们是根据 GitHub 的 OpenAPI 描述生成的! C# / .NET Go 浏览器里安装: 123<script type="module">import { Octokit, App } from "https://esm.sh/octokit";</script> 示例:获取经过身份验证的用户的用户名。 12345678// C...
2021-12-21
import模块失效
一点浩然气,千里快哉风。——宋•苏轼 昨天公司实习生问我这个import为什么一直报错,他代码如下: 报错信息如下: 1Uncaught SyntaxError: Cannot use import statement outside a module 实际上是因为script标签没有加type导致的 12345678910111213<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="module"> import {ruben} from './js/module.js' console.log(ruben) </script> </body></html> 这样就可以了 可以看到正常...
2025-03-03
vue-loading-overlay
只要有一双真诚的眼睛陪我哭泣,就值得我为生命受苦。——罗曼·罗兰的《欣悦的灵魂》 https://github.com/ankurk91/vue-loading-overlay demo: https://ankurk91.github.io/vue-loading-overlay/ Vue Loading Overlay:简洁高效的加载指示器组件介绍在现代Web应用中,为了提升用户体验,加载指示器是一个必不可少的组件。尤其在处理异步请求或其他耗时操作时,加载指示器可以有效地告知用户当前的状态。Vue Loading Overlay 是一个为 Vue.js 应用提供全屏加载指示器的组件,简洁高效,易于集成和使用。 本文将介绍什么是 Vue Loading Overlay、其主要功能及其使用方法,并展示如何在项目中集成和使用这个组件。 什么是 Vue Loading Overlay?Vue Loading Overlay 是一个 Vue.js 组件,用于在页面加载时显示全屏或局部加载指示器。它可以轻松集成到 Vue.js 项目中,通过简单的配置和调用即可实现加载指示器的显示和隐...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog