![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
爱玲姐姐
大家好,我是计爱玲,英文名:Cathy,是一名前端开发工程师,热爱解锁各种前端新技术。我的爱豆是王一博,当然我也想认识更多同行的帅哥,
我的微信jal517486222,欢迎加我好友交流编程技术*^_^*
个人网站:https://jiailing.com
展开
-
CSS3-3D动画制作旋转立方体
CSS3-3D动画制作旋转立方体3D动画是CSS3才有的属性,制作立方体的思路是使用6个正方形div,通过绝对定位+旋转+位移来合成一个立方体。然后再使父亲旋转。旋转后的面会变成新的X-Y面,旋转后Z轴和位移是对新的面来说的,不是原来的面来说的,这点很重要,一定不要搞错。(也就是旋转后坐标轴的方向会改变)代码很短,主要属性都加了注释了<!DOCTYPE html><...原创 2020-02-21 21:55:16 · 1675 阅读 · 1 评论 -
CSS3 transition属性 实现过渡动画效果
CSS3:transition属性transition: 要过渡的属性 花费时间 运动曲线 何时开始;<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>过渡动画</title> <style> div {...原创 2020-02-14 14:34:01 · 1094 阅读 · 0 评论 -
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
代码如下<!DOCTYPE html><html><head> <meta charset="utf8"> <title>js拖拽效果</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jq原创 2018-08-28 20:40:29 · 3355 阅读 · 0 评论 -
html中的div无法显示数据库中的回车字符
解决方法,给该div的stly再加一个css:white-space: pre-wrap; 这样就可以在div中显示换行啦原创 2018-08-29 19:53:34 · 3551 阅读 · 0 评论 -
如何实现鼠标移动按钮上,按钮变颜色的效果
可以通过js来改变鼠标放在按钮上的样式:这是按钮的默认状态:<button id='btn' class=" btn btn-block btn-default">提交</button>js中可以这样写:<script> window.onload = function() { var btn ...原创 2018-09-05 15:56:32 · 12141 阅读 · 0 评论 -
h5如何实现左右滑动效果,一个滑动插件swiper就搞定
演示效果图:这是我的文件路径结构:这是index.html文件:&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot原创 2018-11-09 18:12:51 · 12290 阅读 · 0 评论 -
JS实现radio单选的同时,可以自定义输入值
效果图:css.radio { background-color: white; border-color: gray; color: gray; border-style: solid; border-width: thin; text-align...原创 2018-11-21 13:35:25 · 1465 阅读 · 0 评论 -
CSS 根据浏览器的宽度作用不同的样式
.item { width: 60%; padding: 2%; display: flex; justify-content:center; font-size: x-large; font-weight: 400; height: 280px; align-i...原创 2019-03-19 19:50:07 · 2627 阅读 · 0 评论