新年开工

    今天是正月初七,2019年的农历新年也正式过去了,每年年初心中总有一万个想法,总想着搞点与众不同的事情,搞点以前没有搞过的。可是,浑浑噩噩的一年很快就又下来了,到年终一总结,啥也没干,除了岁月在脸上留下的细纹,钱包里多了一点点钱,真的是一无所获。

    归其原因,就是雷声大雨点小,立的flag都不了了之。总喜欢在舒适区呆着,对自己不够狠心。

    想去阿里,就静下心来刷题啊,就努力学技术啊,在这行业也这么多年了,技术来来回回就那些东西,可是题没有刷两三道就想刷剧,技术书籍买了没看两页就束之高阁,这样如何能进得去?

    想去读MBA,想去认识这个世界,就努力考GMAT和雅思啊,总是觉得没有时间,总是找借口,最后哪也没去。想法很多,但都没有实现。

    想买房,那就努力赚钱啊,想赚钱,就努力提升自己啊,让自己更值钱,可是道理都明白,就是太安逸。

    那些优秀的人比你更努力,就是活生生的写照,看着别人在努力奔跑,自己却原地踏步。

    这一年,要努力一点,希望能有所改善,从周末睡到中午开始改起。人生是一个漫长的马拉松,需要长时间的积累,才有可能厚积薄发,现在不努力,以后就会越来越难过。

    加油!新年的flag希望能做到几点。

    

转载于:https://www.cnblogs.com/kumufengchun/p/10361984.html

### 使用 Vue 实现卡片翻转动画效果 为了创建一个具有吸引力的“开工大吉”的卡片翻转效果,在Vue中可以利用CSS3变换属性来完成这一目标。下面是一个完整的示例,展示了如何通过Vue组件配合特定样式达到预期的结果。 #### HTML结构与绑定事件 定义了一个基础模板用于显示正面和反面的内容,并绑定了`@click`事件触发器以便用户交互时能够激活翻转逻辑[^1]。 ```html <template> <div class="flip-container" @click="toggleFlip"> <div :class="{ 'flipped': isFlipped }" class="flipper"> <!-- 正面 --> <div class="front face">开工</div> <!-- 反面 --> <div class="back face">大吉</div> </div> </div> </template> ``` #### JavaScript部分 此段脚本负责管理状态变化以及响应用户的点击操作。当检测到点击动作后会改变`isFlipped`变量的状态从而引起视图更新并执行翻转过渡。 ```javascript <script setup> import { ref } from "vue"; let isFlipped = ref(false); function toggleFlip() { isFlipped.value = !isFlipped.value; } </script> ``` #### CSS样式设置 这里设置了`.flip-container`, `.flipper`, 和两个代表正反两面的类`.face`的基础布局方式;同时为`.flipper.flipped`增加了transform规则以实现三维空间内的Y轴旋转效果。 ```css <style scoped> .flip-container { perspective: 1000px; /* 设置透视距离 */ } .flipper { width: 200px; height: 300px; position: relative; transform-style: preserve-3d; transition: all .6s ease-out; } .face { backface-visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: large; color: white; } .front { background-color: red; } .back { background-color: green; transform: rotateY(180deg); } /* 当添加 flipped 类时应用 */ .flipped { transform: rotateY(180deg); } </style> ``` 上述代码片段共同作用下可以在Vue环境中构建出一张可互动式的双面卡片,每次点击都会发生优雅平滑的翻转变换,非常适合用来作为庆祝新年的特别页面元素之一。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值