悬停卡片效果
发表于|更新于
|浏览量:
人在无端微笑时,不是百无聊赖,就是痛苦难当。——王小波
分享一个通过css实现的卡片悬停效果
代码地址:cards: 悬浮卡片
在线演示:Document
相关推荐
2022-11-16
mix-blend-mode
为爱情赌气,就丧心病狂了!——塞万提斯 分享一个好玩的css属性: mix-blend-mode,MDN 该属性可以将元素和后面的背景进行混合 什么叫混合呢?例如我看到的一个网站: 红框框出来的部分,是鼠标移动上去的一个效果 这个小圈,与后面的图片进行了反色,而且对于不少图片都有类似效果,我一开始以为是用了两张图片做的处理 后来发现并不是,是用的这个css 1mix-blend-mode: exclusion; 其提供的不只是反色一个选项,还有很多的值,都可以使用
2022-01-25
水波纹按钮动画
生活是种律动,须有光有影,有左有右,有晴有雨。——老舍 代码: 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .login { display: flex; align-items: center; justify-content: center; margin-top: 200px; } ...
2023-08-28
qs
与情人的小冲突,常常要靠温存、沉默和忍耐来解决,而说理往往无济于事。——安德烈·莫洛亚 分享一个前端库qs https://github.com/ljharb/qs 主要是用于请求参数和对象的互转 12345678var qs = require('qs');var assert = require('assert');var obj = qs.parse('a=c');assert.deepEqual(obj, { a: 'c' });var str = qs.stringify(obj);assert.equal(str, 'a=c');
2022-03-07
dvajs
我喜欢我的懦弱,痛苦和难堪也喜欢。喜欢夏天的光照,风的气息,蝉的鸣叫,喜欢这些,喜欢得不得了。——《寻羊冒险记》 dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,dva 还额外内置了 react-router 和 fetch,所以也可以理解为一个轻量级的应用框架。 官网文档:https://dvajs.com/ 简单快速入门后,有一个课堂实战 这个实战就是用dvajs 写一个列表,包含删除按钮,点删除按钮后延迟 1 秒执行删除。 当然,我也完成了这个简单的Demo: https://gitee.com/VampireAchao/simple-dva.git 并顺手练习了一下并行、竞争等概念 还是很有意思的
2022-01-28
vue中新增属性视图问题
计利当计天下利,求名应求万世名——于右任 我们在进行vue前端开发的时候,可能会遇到这种情况: 首先我们此处双向绑定了一个变量中的属性 12345<template> <div> <div>{{ myObject.newProperty }}</div> </div></template> 然后下面的data只有该对象变量,并无此属性 12345678<script>export default { data() { return { myObject: {} }; }</script> 此时我们调用一个方法,给它的新增变量赋值 1this.myObject.newProperty = 'ruben'; 可以看到外部是并未监听到,视图没有更新,导致我们页面没渲染上去该变量属性的值 此处我们当然可以使用vm.$forceUpdate去强制更...
2020-06-30
jQuery的ajax
今天公司实习生问我jQuery的ajax怎么写,这玩意不是很简单吗 12345678910111213$.ajax({ url: "/cowBeer", //url method: "post", //请求方式 contentType: "application/json", //参数类型 data: JSON.stringify({ //这里面是参数 "name":"cowBeer" }), success: function (res) { console.log(res); //处理返回的数据 }, error: function (res) { //错误处...

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