![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
css疑难杂症
六月要好好加油呀
一杯敬朝阳 一杯敬脚下
展开
-
22/10/13 vue中box-shadow不生效
vue中box-shadow不能写成rgb(0 0 0 / 20%)原创 2022-10-13 14:21:21 · 2142 阅读 · 1 评论 -
2022/06/22 react google-font链接使用
google font 链接使用原创 2022-06-22 16:45:27 · 244 阅读 · 0 评论 -
2022/05/26 css animate按钮样式收集
1.图片旋转样式参考效果html<div className="img-animation" onClick={handleSubmit}> <img className="circle-box" src="https://static.tildacdn.com/tild6262-3930-4136-a435-356330363362/_129.svg" alt="" /> <span className=原创 2022-05-26 11:48:00 · 204 阅读 · 0 评论 -
2022/05/26 react项目引入外部cdn链接使用
背景使用字体库https://tobiasahlin.com/moving-letters/简洁好用的几个这里都有在项目中使用step1:在index.html中引入链接step2:在使用到的页面中引入html动态jsstep3:在页面上的效果原创 2022-05-26 10:57:58 · 570 阅读 · 0 评论 -
2021/07/20 vue项目安装stylus报错。Syntax Error: TypeError: this.getOptions is not a function
1.环境用vue脚手架新建项目,需要使用到stylus,安装了stylus和stylus-loader报错信息1–我最初安装的版本–报错信息1Syntax Error: TypeError: this.getOptions is not a function项目内使用stylus语法,运行项目报错项目代–解决方法是stylus-loader 版本过高–—step1:卸载当前的安装npm uninstall --save stylus-loader— step2:重新安装这个低原创 2021-07-20 18:03:08 · 1024 阅读 · 1 评论 -
2021/03/28 vue, mint-ui header修改样式
官网效果一般标题是默认居中的–我要的效果不默认居中 能够自己设置宽度修改方法–自己尝试了 !important和 不要scope样式,都失败了,而且为了避免样式污染,也不打算去掉局部样式可以参考下图 参考链接1,这个写得超级好!!–成功方法方法一:style 穿透//1 style穿透 测试 成功// <style scoped lang="scss">// .page-wrap {// position: relative;// heig.原创 2021-03-29 00:02:37 · 366 阅读 · 0 评论 -
2021/03/28 vue横向滚动栏
想要的效果 做成这种可以滚动选择的效果html代码<!-- 标题 --> <div class="choose-title">选择路线</div> <!-- 集货道名称 --> <div class="track-group"> <div class="track-item" v-for="(item, index) in tr..原创 2021-03-28 23:32:45 · 341 阅读 · 3 评论 -
2021/03/17 flex布局后,div不能设置宽度
背景–失败代码–失败效果 给子项设置了宽度 但是没有效果—解决原因-–附阮一峰flex讲解网页图–参考链接解释清晰明了有一点点深度原创 2021-03-17 19:21:47 · 407 阅读 · 0 评论 -
css,文字过长实现省略号(设置高度后可指定行数)...
文字过长实现省略号…小白的第一篇博客,分享今天在微信小程序中遇到的实现文字过多显示省略号的效果,把网上收集到两种情况整理到一起。01在指定宽度中只要一行文字截图代码overflow: hidden;text-overflow: ellipsis;white-space: nowrap;实际效果02文字在规定的行数排满后,多余的文字变成省略号截图此外,可以设置height高度值的,比如height高度太小,及时css样式中指定两行之后文字再省略,但是由于文字大小和盒子高度,会使两原创 2020-08-20 01:20:46 · 760 阅读 · 0 评论 -
2020/09/27 css图标抖动
效果代码–.myshake-icon {animation: shakespan 4s ease 0s infinite;}@keyframes shakespan {0%,100% {transform: rotate(0deg);}25% { transform: rotate(10deg);}50% { transform: rotate(-10deg);}75% { transform: rotate(5deg);}8..原创 2020-09-27 23:10:01 · 394 阅读 · 0 评论