Month: 4月 2020

css3实现图片划过一束光闪过效果(图片光影掠过效果)

admin web前端 暂无评论 810 浏览

css:

.guangshu { display:block; position: relative; width:800px; height:450px; margin:0 auto;}
.guangshu:before { content: ""; position: absolute; width:200px; height: 100%; top: 0; left: -150px; overflow: hidden;
background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)),
…
Read more

我应该使用哪些媒体查询断点？

admin web前端 暂无评论 1,393 浏览

在弄清楚要使用哪些媒体查询断点之前，我们需要查看我们要设计的设备。

我已经研究了一些常见的设备分辨率，并且大多数可以分为几类。我列出了这些类别，以及它们可以满足的分辨率：

  • 移动肖像（320像素至414像素）—适用于4“至6.9”屏幕的设备。
  • 移动横向（568像素至812像素）—相同，但横向。
  • 平板电脑肖像（768像素至834像素）—适用于设备7“至10”
  • 平板电脑横向（1024像素至1112像素）—同上，肖像上也有12英寸平板电脑
  • 笔记本电脑和台式机显示器（1200px +）-变化很大，但通常为1200px以上

下一步：那么我们如何理解这些设备？

…
            
Read more