随笔分类 -  css

图片拉伸实现填充动画
摘要：1.效果图 如上图所示展示的是图片高度不同的拉伸效果，可用于控件开发中填充动画。下面详细介绍如何实现当前效果，参考地址： https://blog.csdn.net/weixin_34086545/article/details/112571405 2.原理 将当前图片分为九宫格区域，其中左上、右上 阅读全文
posted @ 2021-06-09 09:46 进击的木头ya 阅读(292) 评论(0) 推荐(0)
记录element UI问题持续归纳
摘要：从安装elementUI框架到使用遇到的样式问题记录归纳，首先先安装elementUI 输入命令行： npm i element-ui -S 安装成功后，再main.js里引入elementUI和样式文件 import ElementUI from 'element-ui' @import "~el 阅读全文
posted @ 2020-09-16 16:06 进击的木头ya 阅读(191) 评论(0) 推荐(1)
滚动滑行并隐藏滚动条
摘要：要实现的效果： 在固定高度内模块的个数不确认，如果超过两行滚动滑行没有超过则默认展示，要求滚动条隐藏 先上效果图： html: 1 <div class="main_page"> 2 <div class="box_list"> 3 <div class="box_row"></div> 4 <di 阅读全文
posted @ 2020-09-02 14:18 进击的木头ya 阅读(178) 评论(0) 推荐(0)
css实现垂直水平居中
摘要：1.通过flex布局 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>css垂直水平居中</title> 6 <style> 7 html, body { 8 margin: 0; 9 p 阅读全文
posted @ 2020-05-04 13:38 进击的木头ya 阅读(132) 评论(0) 推荐(0)