随笔分类 - css
摘要：原文: https://blog.csdn.net/yiyelanxin/article/details/75006925 在一个图文并茂的网页上，文字环绕图片可以使布局美观紧凑，如何实现呢？有两种办法：1.利用图片属性实现代码如下： 效果图如下： 设置标签的属性align="right"即可，如果
阅读全文
摘要：https://www.cnblogs.com/ningkyolei/p/4623697.html 很久之前写的一篇文章了，今天重新整理一下关于css3背景渐变的写法，至于是怎么来的，可以看下面渐变的详细解释。 在项目中，有很多地方都用到了背景线性渐变。如果在移动端还可以适当使用CSS3这个属性 c
阅读全文
摘要：一. 鼠标悬停效果和离开效果 鼠标效果和v-if 配合使用效果很好 1. js 用 onmouseenter onmouseleave vue用 v-on:mouseenter v-on:mouseleave 或 @mouseenter @mouseleave 注意当div完全隐藏时在使用mouse
阅读全文
摘要：一.三角形 https://blog.csdn.net/Szu_AKer/article/details/51755821 notice：三角的那部分可以用图片作为背景，但是容易出现杂边。所以利用css中border做出三角形状，原理是用border的形状如下： 当我们设置content的宽高为0时
阅读全文
摘要：https://blog.csdn.net/qq_26780317/article/details/80486766 一.控制背景图片在一个圆形div内切换 二.控制div中的div上下切换
阅读全文
摘要：原文:www.zhangxiyu 一、CSS下兼容性的元素水平/垂直翻转实现 随着现代浏览器对CSS3的支持愈发完善，对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的CSS代码如下： /*水平翻转*/ .flipx { -moz-transform:scaleX(-1);
阅读全文
摘要：javascript中获取dom元素高度和宽度的方法如下： 网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高：
阅读全文
摘要：最终效果： 背景图片css不变,再背景图片的里层元素设置css样式即可
阅读全文