标签:html/css

用animationend事件判断css3动画完成

用animationend事件判断css3动画完成

一片判断css 动画完毕 我用的是 用定时器 去模拟,今天看到有个 animationend 事件,用法: element.addEventListener('animationend', function() { doSomething() })

东明兄 东明兄 2019-06-10
2.4K+ 0 0
利用window.history屏蔽用户的返回行为,展示指定的内容,展示完毕后才返回

利用window.history屏蔽用户的返回行为,展示指定的内容,展示完毕后才返回

案例链接:http://demo.crazyming.com/case/window.history/banBack.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="

东明兄 东明兄 2019-05-22
2.5K+ 0 0
CSS文本超出一行显示省略号和多行省略

CSS文本超出一行显示省略号和多行省略

CSS文本超出一行显示省略号,多行省略

东明兄 东明兄 2019-05-22
1.4K+ 0 0
表格简单美化

表格简单美化

demo页面:http://demo.crazyming.com/table/beautiful.html html: <table> <colgroup> <col span="3"></col> <

东明兄 东明兄 2019-05-11
1.9K+ 0 0
form表单多个相同name向后台传值(数组)

form表单多个相同name向后台传值(数组)

项目中有个需求:form中有一个input输入框 ,用户可以随意添加输入框的数量,点击提交时  所有输入框都要提交到后台,最开始 我是将所有输入框给一个相同的name属性,但是后台取到的这个name的值 是最后一个输入框的数据,其他输入框的数据被覆盖了,,,探索一阵子  找到了解

东明兄 东明兄 2019-04-23
4.2K+ 0 0
浏览器滚动条美化

浏览器滚动条美化

浏览器滚动条美化

东明兄 东明兄 2019-02-11
1.9K+ 0 0
css3背景颜色渐变动画

css3背景颜色渐变动画

通过背景定位来实现 background-position 在线demo: https://demo.crazyming.com/?link=css3/gradientBg.html <style> * { margin: 0;

东明兄 东明兄 2019-01-10
1.9K+ 0 0
angular 实现皮肤主题切换的解决方案

angular 实现皮肤主题切换的解决方案

分配了个给现有angular6项目实现主题切换的效果,实现light dark明暗两种显示效果,我使用scss css预处理器方便开发。 切换样式 就是 实现css 的 变化,主要思路是通过在body 上控制自定义属性的值实现样式的控制。

东明兄 东明兄 2019-01-03
1.5W+ 1 0
css实现 元素宽高等比 宽高相同

css实现 元素宽高等比 宽高相同

一个元素的 padding,如果值是一个百分比,那这个百分比是相对于其父元素的宽度而言的,即使对于 padding-bottom 和 padding-top 也是如此,, 下方是实现一个列表中 图片等比显示的效果, 如果要 显示成正方形 ,width 和padding-top设置成一样即可。里边

东明兄 东明兄 2018-12-27
2.7K+ 0 0
让position:fixed相对于父元素定位

让position:fixed相对于父元素定位

小技巧

东明兄 东明兄 2018-12-11
3.2K+ 0 0
关于FormData

关于FormData

系统学习前端之FormData详解

东明兄 东明兄 2018-10-15
2.4K+ 0 0
使用 position: fixed固定 同时实现元素可以水平滚动

使用 position: fixed固定 同时实现元素可以水平滚动

有个需求是 table 的thead 固定在表头,tbody可以滚动,由于tbody里边有些复杂,所以直接在tbody加滚动条不合适,我使用position: fixed固定住thead,但是遇到问题,由于table宽度是很宽的,水平移动滚动条时,页面动了但是使用 position: fixed固定

东明兄 东明兄 2018-08-21
5.5K+ 0 0
使用window.onresize监听窗口大小的改变  实现iframe高度自适应

使用window.onresize监听窗口大小的改变 实现iframe高度自适应

使用window.onresize监听窗口大小的改变 实现iframe高度自适应

东明兄 东明兄 2018-07-06
4.9K+ 0 0
flex布局 最后一行无法左对齐的解决方案

flex布局 最后一行无法左对齐的解决方案

解决flex布局最后一行左对齐问题

东明兄 东明兄 2018-05-15
1.1W+ 3 0
css清除浮动的几种常用方式

css清除浮动的几种常用方式

css清除浮动的几种常用方式

东明兄 东明兄 2018-04-26
2.8K+ 0 0
1 2 3 4