草庐IT

CSS过渡

全部标签

如何使用HTML和CSS模拟从图像/DIV到另一个图像/DIV的射线

我想构建一个页面以显示图像的爆炸版。我有较小的图像,并且构建了较大的图像。我不确定如何在较小图像中构建看起来像是从较小图像中出来的射线。htmlCSS.exp{margin:5px;width:100px;height:100px;background-color:#ded3c0;border-radius:100%;line-height:80px;align-items:center;display:flex;justify-content:center;}.exp.image{width:50px;height:50px;}.big-image{border:1pxsolid#000;p

html - 如何构建动态 css 主/子菜单(或者我需要 jquery)?

我有以下css布局(见下图),想知道css是否支持动态子菜单(或者为此我需要jquery)?也就是说,当鼠标悬停在一个主菜单项上时,Home/Menu1/Menu2,我想根据每个主菜单项动态更新custom下面的子菜单。当然,当主菜单项被选中时,子菜单项会相应地粘附。谢谢! 最佳答案 试试这个fiddle.HTMLTest1Test1Test2Test3Test2Test1Test2Test3Test3Test1Test2Test3CSSul.mainmenu{list-style:none;}ul.mainmenuli{displ

html - 如何构建动态 css 主/子菜单(或者我需要 jquery)?

我有以下css布局(见下图),想知道css是否支持动态子菜单(或者为此我需要jquery)?也就是说,当鼠标悬停在一个主菜单项上时,Home/Menu1/Menu2,我想根据每个主菜单项动态更新custom下面的子菜单。当然,当主菜单项被选中时,子菜单项会相应地粘附。谢谢! 最佳答案 试试这个fiddle.HTMLTest1Test1Test2Test3Test2Test1Test2Test3Test3Test1Test2Test3CSSul.mainmenu{list-style:none;}ul.mainmenuli{displ

html - css打印精确尺寸

UPD1。我有两台打印机:打印机,打印贴纸(EAN13条形码)44mmx23mm默认的LaserJet打印机(A4尺寸)我有两个网页。第一页有一个DIV,尺寸44mmx23mm在css中设置:@page{size:40mm23mm;overflow:hidden;}如果我在浏览器中单击PrintPreview,我只想看到一个具有精确宽度和高度(44mmx23mm)的页面第二页有一个包含大量数据的DIV。它的宽度必须限制为A4宽度,但可以有多个页面。如果我在浏览器中单击PrintPreview,我想查看A4大小的预览。哪些浏览器支持这个?Firefox7和Chrome16.0.912没有

html - css打印精确尺寸

UPD1。我有两台打印机:打印机,打印贴纸(EAN13条形码)44mmx23mm默认的LaserJet打印机(A4尺寸)我有两个网页。第一页有一个DIV,尺寸44mmx23mm在css中设置:@page{size:40mm23mm;overflow:hidden;}如果我在浏览器中单击PrintPreview,我只想看到一个具有精确宽度和高度(44mmx23mm)的页面第二页有一个包含大量数据的DIV。它的宽度必须限制为A4宽度,但可以有多个页面。如果我在浏览器中单击PrintPreview,我想查看A4大小的预览。哪些浏览器支持这个?Firefox7和Chrome16.0.912没有

html - 使用 CSS 自定义 HTML <select>

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Isitpossibletostyleaselectbox?我正在寻找一种在我的HTML代码中自定义选择元素的方法。我希望我的选择看起来像这样:我希望用户能够看到一个图像和两个文本,它们代表我列表中的第一个元素。由于这应该由智能手机(Android和黑莓)访问,我相信该列表将在操作系统组件中打开,因此我不必为我选择的其余选项设置样式,对吧?实现此目标的最佳方法是什么?提前致谢!

html - 使用 CSS 自定义 HTML <select>

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Isitpossibletostyleaselectbox?我正在寻找一种在我的HTML代码中自定义选择元素的方法。我希望我的选择看起来像这样:我希望用户能够看到一个图像和两个文本,它们代表我列表中的第一个元素。由于这应该由智能手机(Android和黑莓)访问,我相信该列表将在操作系统组件中打开,因此我不必为我选择的其余选项设置样式,对吧?实现此目标的最佳方法是什么?提前致谢!

css - Skeleton CSS 网格框架设计目标?

我喜欢Skeleton但我有几个问题:为什么使用像素大小都可以使用相对/em大小来实现?这是因为它是实现x浏览器兼容性的唯一可靠方法吗?..因为使用em尺寸感觉更合适/面向future相对大小和响应式(Reactive)网格设计真的很重要吗,因为现在大多数浏览器在缩放方面都非常智能,人们只需设置他们的默认缩放级别即可?不想将其分解为单独的问题,因为我试图获得专业社区对该框架(错误)使用CSS最佳实践的高层次看法。最后,如果您有您认为更适合解决问题的替代方案,请分享(有理由!)。 最佳答案 像素大小仍然很重要:960像素宽是一个标准,

css - Skeleton CSS 网格框架设计目标?

我喜欢Skeleton但我有几个问题:为什么使用像素大小都可以使用相对/em大小来实现?这是因为它是实现x浏览器兼容性的唯一可靠方法吗?..因为使用em尺寸感觉更合适/面向future相对大小和响应式(Reactive)网格设计真的很重要吗,因为现在大多数浏览器在缩放方面都非常智能,人们只需设置他们的默认缩放级别即可?不想将其分解为单独的问题,因为我试图获得专业社区对该框架(错误)使用CSS最佳实践的高层次看法。最后,如果您有您认为更适合解决问题的替代方案,请分享(有理由!)。 最佳答案 像素大小仍然很重要:960像素宽是一个标准,

html - 使用 CSS 定义的不透明度设置 div 中元素的不透明度?

我正在做一个元素,在这个元素中我使用图像作为菜单的背景。我在我的CSS样式表中定义了类,这些类规定了元素被“选中”或未被“选中”时的外观,这意味着用户不在每个元素链接到的页面上。我在图像顶部设置了一个div结构,并对其应用了样式,使其具有半透明的白色背景,因此看起来图像的那部分被突出显示了。每个半透明的div还包含构成链接的文本,颜色设置为白色。我希望div保持不透明度,而文本保持不透明度为“1”。我已经尝试过类似问题(CSS-ApplyOpacitytoElementbutNOTToTextWithinTheElement)中讨论的方法,但该方法似乎对我不起作用。我已经在J​​SFi