![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
你认识小汐吗
这个作者很懒,什么都没留下…
展开
-
前端设置dialog弹出框框关闭动画效果
项目前端使用element-ui框架,其提供的dialog弹出框没有过渡动画,比较单调,项目需要实现关闭弹出框时,弹出框逐渐缩小并移动到右上角消失。只能自己手动修改css样式,这里用到了animation 和 transform属性;贴代码:其中.popout-box的class属性是通过befroe-close绑定上去的。模态框打开的时候没有,关闭前设置class,然后通过class...原创 2020-01-14 15:03:27 · 8223 阅读 · 4 评论 -
谈谈CSS3中transfrom,鼠标移入图片动态提示效果
1.定义和用法transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。2 transform的常见属性有哪些?transform的属性包括: translate()/rotate() / skew() / scale() /,分别还有x、y之分,比如:rotatex() 和 rotatey() ,以此类推。transform:tra...原创 2018-10-08 09:31:23 · 561 阅读 · 0 评论 -
外部引用CSS中 link与@import的区别
//link引入css<link href="" rel="stylesheet" type="text/css" />//@import引入css<style>@import "../static/css/main.css";</style>1.从属关系区别link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定原创 2018-12-20 15:46:54 · 310 阅读 · 0 评论 -
elementUI设置dialog从左侧滑出
使用CSS3的 translate3d 演示来实现动画效果w3school链接控制100%和0的位置,可以控制从不同方向滑出translate3d(x,y,z) @keyframes dialog-fade-in { 0% { transform: translate3d(100%, 0, 0); opacity: 0; } 100%...原创 2019-02-22 12:36:40 · 10692 阅读 · 1 评论 -
css修改滚动条样式
1、在想要滚动条的div上添加innerbox的clas属性即可:.innerbox{ overflow-x: hidden; overflow-y: auto; color: #000; font-size: .7rem; font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma; height...原创 2019-03-14 19:40:40 · 186 阅读 · 0 评论 -
float之后如何居中
问题:如下代码,两个div使用了float并排在一行,这种情况下style="align:center" 不起作用。<div style="align:center"> <div style="float:left">aaa</div> <div>6576876</div></div>解决方案:添...原创 2019-05-17 15:15:54 · 4051 阅读 · 0 评论