css
Gem__
这个作者很懒,什么都没留下…
展开
-
使用JS控制元素的伪元素
一. 缘由:本文源于在OSC社区中,有人提问如何用jq获取伪元素。我第一想法是强大的CSS Query应该可以获取伪元素吧。然而事实上,CSS Query并不能。即我们不能通过(“:before”)、(“:before”)、(“:before”)、(dom).find(“:before”)或document.querySelector(“:before”)来获取:before伪元素。为此,我...原创 2019-12-29 22:03:25 · 534 阅读 · 0 评论 -
用CSS写一个简单的3D立方体动画
1.思路先准备一个盒子写相等的宽高,里面放六个相同子盒子标签,宽高都和父元素相等,然后同时将六个子元素定位,再通过3d旋转+位移使六个子元素到达指定位置,成为立方体的六个面,定义动画使其运动起来2.步骤1.写好父元素和六个子元素并定义宽高和位置 <div class="p"> <div>1</div> &...原创 2019-11-09 00:31:57 · 342 阅读 · 0 评论 -
CSS:仅对子盒子修饰样式,三种让其在父盒子中水平垂直居中的方法及其优缺点(父盒子宽高未知)
1.给父盒子相对定位,子盒子绝对定位,left,top,right和bottom,都设置为0:position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;优点:简单无脑,不用计算;缺点:不能微调位置2.给父盒子相对定位,子盒子绝对定位,left: 50%;top: 50%;margin-left: 负的宽度一半...原创 2019-11-02 22:21:25 · 349 阅读 · 0 评论 -
css-实现鼠标移至图片上显示黑色半透明遮罩层,且不至于遮住图片上的超链接的方法
作为一个刚接触html和css的小白,总会遇到一些细节问题,在这里写下一个我遇到的小问题的解决方法,方便今后加深理解,更高效地学习。一般情况下,让一个图片有超链接,可以用a标签把 img包住,但是要做hover鼠标经过显示黑色半透明遮罩层如果用定位的话,定位的半透明遮罩层就会把图片遮住,以至于鼠标经过没有小手指,也点不到链接,所以这里给出一个思路,可以让a链接和图片同为子元素,然后display...原创 2019-10-31 17:40:56 · 5639 阅读 · 0 评论