Flex 其实就是一坨~~~~~

最近做的项目都是和flex有关系的,所以花了好多的时间在这个上面.

发现一个比较好的网站,对于我们这些刚刚开始学flex的菜比较有好处,那就是

http://www.riameeting.com/riavideo 这是一个adobe flex的论坛,上面公布了一个1周学习flex的视频,这视频时flex

创始人录制的,由论坛上的高手翻译加上了字幕.

讲解非常透彻全面,简直是flex教程中的极品.

我看了4天了,感觉不错所以专门和大家说一下,共同进步嘛~

看视频有两种方式.

1.在线看这种比较方便

2.他们有专门的用flex开发的视频播放器

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
好的,我可以为您提供一个使用CSS3动画和JavaScript实现的1~10大小的矩阵动画,代码如下: HTML代码: ```html <div class="matrix-container"> <div class="matrix-row"> <div class="matrix-cell">1</div> <div class="matrix-cell">2</div> <div class="matrix-cell">3</div> <div class="matrix-cell">4</div> <div class="matrix-cell">5</div> </div> <div class="matrix-row"> <div class="matrix-cell">6</div> <<div class="matrix-cell">7</div> <div class="matrix-cell">8</div> <div class="matrix-cell">9</div> <div class="matrix-cell">10</div> </div> </div> ``` CSS3代码: ```css .matrix-container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 300px; width: 300px; border: 2px solid black; border-radius: 5px; } .matrix-row { display: flex; flex-direction: row; } .matrix-cell { display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; font-size: 24px; font-weight: bold; color: white; background-color: blue; border-radius: 5px; animation-name: size-change; animation-duration: 2s; animation-iteration-count: infinite; } @keyframes size-change { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { transform: scale(1); } } ``` JavaScript代码: ```javascript const cells = document.querySelectorAll('.matrix-cell'); cells.forEach((cell) => { cell.addEventListener('mouseover', () => { cell.style.backgroundColor = 'red'; }); cell.addEventListener('mouseout', () => { cell.style.backgroundColor = 'blue'; }); }); ``` 这段代码会在页面中创建一个矩阵,数字从1到10排列在其中。每个数字单元格都有一个CSS3动画,会周期性地变换大小。当鼠标移动到数字单元格上时,背景色会变为红色,移开后又会变回蓝色。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值