![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
夜雨Gecer
To be or not to be
展开
-
颜色规范构思(Scss版)
基础颜色是项目所有颜色的一个抽象颜色,本身并不代表任何意义,相当于UI人员的取色版,也相当于UI人员与前端人员对于颜色的基础规范。原创 2022-11-15 10:24:18 · 275 阅读 · 0 评论 -
【css】反向圆角
效果类似于谷歌浏览器的tab,如图:nav的结构代码(数据类型就是普通的list就不在这里赘述了): <nav> <div :class="{ 'menu-item': true, 'activity': index == selectMenuIndex }" v-for="(menuInfo,index) in menuList" :key="index" @click="handelMenuClick(index)"原创 2021-07-19 22:14:33 · 4278 阅读 · 0 评论 -
【vue】vue中引入sass
1.使用vue-clivue init webpack name2.安装sass,最新版的sass-loader已经不能再vue2下正常运行了,所以要指定版本。npm install --save-dev sass-loader@7.3.1 npm install --save-dev node-sass3.修改Vue中的style<style lang="s...原创 2019-11-25 16:44:52 · 163 阅读 · 0 评论 -
【Css】属性选择器
[attribute]用于选取带有指定属性的元素。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *[my-color-pink]{...原创 2019-09-02 09:54:04 · 110 阅读 · 0 评论 -
【css】使用css画机器人
效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body { display: flex; ...原创 2019-09-06 14:41:55 · 808 阅读 · 0 评论 -
【css】背景图片-css3新增关于背景图片重复显示属性
本文主要描述css3关于背景图片重复显示新增的属性;什么也不设置时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ ...原创 2019-09-07 09:58:36 · 1925 阅读 · 1 评论 -
【css】触发弹出围绕菜单
说的可能比较绕口上效果效果:效果的实现主要就是用到了 两个效果 一个是过度 一个是2d转换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>...原创 2019-09-09 15:24:49 · 432 阅读 · 0 评论 -
【css】动画
动画就是定义dom元素按照指定好的指令去产生动作。对于我来说,感觉就是高级版的【过渡】,也可以和过渡结合使用。先看一个效果代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>...原创 2019-09-15 09:59:22 · 84 阅读 · 0 评论