三菱工控自动化产品网是一个专注于提供三菱PLC、三菱模块、三菱触摸屏、三菱变频器和三菱伺服等产品的官方网站。该网站致力于为客户提供高质量的工业自动化解决方案,满足不同行业的需求。首页设计简洁明了,突出了各类产品的特点和优势,方便用户快速找到所需产品。

在首页上方,有一个热门问题区域,使用了一个名为.embed-hot-issue的类来实现。这个区域的背景色为白色,包含了一个名为.embed-hot-issue-item的子元素。这个子元素使用了一个绝对定位的方式,并设置了一些样式属性,如背景颜色、边框半径等。它具有以下特性:

  • 高度为28像素;
  • 行高也为28像素;
  • 文本颜色为黑色(#303133);
  • 背景色为白色(#fff);
  • 边框半径为14像素;
  • 外边距和内边距分别为6像素、0像素、0像素、4像素;
  • 采用了边框盒模型进行布局;
  • 最小宽度为80像素;
  • 最大宽度为45vw(视口宽度的百分比表示);
  • 初始时透明度为0,通过transform: translateY(-20px)将其向上移动20像素,然后使用过渡动画transition: all 1s ease平滑地完成移动;
  • 鼠标悬停时显示为正常状态,鼠标离开时隐藏。

三菱工控自动化产品网提供了丰富的自动化产品选择,并且网站界面设计简洁美观,方便用户快速浏览和购买。