js + css实现点击 波纹效果
有时候我们为了增加用户体验,可能会有一些点击样式类似框架中的haverclass这里简单用jscss实现一个点击效果(类似水波纹)大体思路1.获取点击时鼠标坐标(相对于父元素)2.在当前点创建节点(设置对应的样式)3.设置定时器,移除节点Okjsdom<divclass"box"<button
Jacquelyn38 Jacquelyn38
3年前
React项目中 使用 CSS Module
安装reactapprewired由于新的reactapprewired@2.x版本的关系,还需要安装customizecra。但是我们这里不需要安装reactapprewired@2.x。只需要安装reactapprewired@2.0.2next.0这个版本就可以了。yarnaddreactapprewired@2.0.2next.0sa
菜园前端 菜园前端
1年前
CSS布局方式-响应式布局
原文链接:什么是响应式布局?在不同屏幕分辨率下,能够以最佳的方式进行展示,元素的宽度尺寸以及展示方式可能会改变。通常使用@media多媒体查询来实现响应式布局。优点页面能够兼容不同分辨率的屏幕。缺点工作量大,UI需要设计多个平台的版本。场景一套代码兼容we
Wesley13 Wesley13
3年前
CSS禁用鼠标拖拽选中内容
chrome webkituserselect:nonefirxfox mozuserselect:noneIE需要使用JS的onSelected事件了。JS代码      dom.style.MozUserSelect'none';//fixrox禁止选择的JS脚本      dom.st
Wesley13 Wesley13
3年前
CSS定位和滚动条
0805自我总结一.绝对定位position:absolute;/绝对定位:1、定位属性值:absolute2、在页面中不再占位(浮起来了),就无法继承父级的宽度(必须自己自定义宽度)3、一旦定位后,定位的布局方位top、bottom、left、right都能参与布局
Wesley13 Wesley13
3年前
CSS 3D的魅力
!(https://oscimg.oschina.net/oscnet/cc541bf0e2444f6581f7ef37f487a27b.jpg)阅读文本大概需要11.1分钟。本文介绍了CSS来实现3D效果,并且有详细代码和解释。建议大家只字不差的阅读。本文的作者是「子慕大诗人」,点击「阅读原文」就可以跳转原地址。前言:
Stella981 Stella981
3年前
CSS DIV嵌套于各层底部
    网上找了很多例子,不不可行,之后在csdn帖子(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fbbs.csdn.net%2Ftopics%2F310069957)中找到了,记录一下。    一定要在三层div中设置style"position:relat
Wesley13 Wesley13
3年前
CSS实现居中的方式
在介绍居中方式之前,简单介绍一下行内元素和块级元素。行内元素和其他元素都在同一行高,行高及外边距和内边距部分可以改变宽度只与内容有关行内元素只能容纳文本或者其他行内元素常用内联元素:a,img,input,lable,select,span,text
Wesley13 Wesley13
3年前
CSS3实现各种表情
 CSS3实现各种表情 效果图: !(https://oscimg.oschina.net/oscnet/3e7c1e03814ab2c1df6e3058e39715c9936.jpg) 代码如下,复制即可使用:<!DOCTYPEhtml<html<head<title</title
Stella981 Stella981
3年前
CSS之清除浮动 && float属性
DIV层内的元素在使用了float属性后无法自动改变高度的解决办法:有的时候为了让外侧层根据内容自动调整,没有设置高度或宽度,一般都会正常显示。但如果层内元素使用了float属性,就会使那些元素脱离文件流,就无法再扩充容器层,就会导致外层大小无法根据内容自动调整。关于这个问题,总结出以几种在当下几种主流浏览器都兼容的方法,供大家参考。1.清除浮动在层