草庐IT

css-flexbox

全部标签

html - 有没有办法在两个 sibling 之间应用 CSS 样式?

为了给我的问题提供一些背景信息,我有12个兄弟div,每个代表一年中的一个月。可以在给定时间选择这些div中的0、1或2个。选择后,一个“事件”类将应用于该div。WhentwodivsareselectedIwouldliketoapplyastyletoalldivsbetweenthetwoselected.例如。JanFebMarAprMayJunJulAugSepOctNovDec所以在上面的代码片段中,我想将CSS样式应用于活跃的月份以及中间的所有月份。这在CSS中可行,还是我最好使用JS?编辑:这行不通,但我认为它可能在正确的轨道上。.month.active~.mont

jquery - 使用 css 自动闪耀效果

我正在尝试让这种闪光效果每5秒自动运行一次(无需悬停)。http://jsfiddle.net/AntonTrollback/nqQc7/.icon:after{content:"";position:absolute;top:-110%;left:-210%;width:200%;height:200%;opacity:0;transform:rotate(30deg);background:rgba(255,255,255,0.13);background:linear-gradient(toright,rgba(255,255,255,0.13)0%,rgba(255,255,2

jquery - 使用 css 自动闪耀效果

我正在尝试让这种闪光效果每5秒自动运行一次(无需悬停)。http://jsfiddle.net/AntonTrollback/nqQc7/.icon:after{content:"";position:absolute;top:-110%;left:-210%;width:200%;height:200%;opacity:0;transform:rotate(30deg);background:rgba(255,255,255,0.13);background:linear-gradient(toright,rgba(255,255,255,0.13)0%,rgba(255,255,2

HTML/CSS - 如何让表单内的标签动画化?

我正在观看CodeSchool上的教程,其中有一个关于通过缩放和更改定位来为元素设置动画的教程。该视频介绍如何在表单内设置标签动画。当您关注输入字段时,标签(位于输入字段内)移出输入字段,并按比例缩小。我正在尝试复制——但没有成功。我做错了什么?https://jsfiddle.net/8tvh4x45/1/编辑:只想为变换属性添加它,如果我只有一个动画(缩放或平移Y),我可以让标签动画化——但我不能让两者一起工作。FirstName.form-field{border:0;}.form-input{position:absolute;}.form-input+.form-label{

HTML/CSS - 如何让表单内的标签动画化?

我正在观看CodeSchool上的教程,其中有一个关于通过缩放和更改定位来为元素设置动画的教程。该视频介绍如何在表单内设置标签动画。当您关注输入字段时,标签(位于输入字段内)移出输入字段,并按比例缩小。我正在尝试复制——但没有成功。我做错了什么?https://jsfiddle.net/8tvh4x45/1/编辑:只想为变换属性添加它,如果我只有一个动画(缩放或平移Y),我可以让标签动画化——但我不能让两者一起工作。FirstName.form-field{border:0;}.form-input{position:absolute;}.form-input+.form-label{

html - 只用 CSS 创建一个三 Angular 形

我正在开发响应式Web应用程序,需要创建2个独立的内容区域,如下所示,到目前为止,我尝试过,border-right:30pxsolidtransparent;border-bottom:30pxsolid#4c4c4c;height:100%;width:100%;position:fixed;但是,不幸的是无法创建三Angular形。除了使用border属性之外,是否有任何其他方法可以使用CSS创建三Angular形,并且可以将内容完全包裹在div中?如有任何帮助,我们将不胜感激。 最佳答案 我相信您正在寻找带边框和中间透明切口

html - 只用 CSS 创建一个三 Angular 形

我正在开发响应式Web应用程序,需要创建2个独立的内容区域,如下所示,到目前为止,我尝试过,border-right:30pxsolidtransparent;border-bottom:30pxsolid#4c4c4c;height:100%;width:100%;position:fixed;但是,不幸的是无法创建三Angular形。除了使用border属性之外,是否有任何其他方法可以使用CSS创建三Angular形,并且可以将内容完全包裹在div中?如有任何帮助,我们将不胜感激。 最佳答案 我相信您正在寻找带边框和中间透明切口

css - 在我网站的标题中设置 img

我正在构建一个网站并使用HTML5。我会在页眉中插入一个img,这是我公司的Logo。在效率和正确性方面,最好将css属性设置为background-image:url("logo.gif")在我的css样式中或包含在html文件中 最佳答案 最好将图像包含为img标签,而不是background-image。这意味着如果客户在他们的浏览器上禁用了CSS,或者它不支持CSS,他们仍然可以在页面顶部看到Logo。这也意味着您可以使Logo成为主页的链接,如今主页已成为网站的通用可用性点:有关此类情况的更多信息,请参阅这篇流行的Stac

css - 在我网站的标题中设置 img

我正在构建一个网站并使用HTML5。我会在页眉中插入一个img,这是我公司的Logo。在效率和正确性方面,最好将css属性设置为background-image:url("logo.gif")在我的css样式中或包含在html文件中 最佳答案 最好将图像包含为img标签,而不是background-image。这意味着如果客户在他们的浏览器上禁用了CSS,或者它不支持CSS,他们仍然可以在页面顶部看到Logo。这也意味着您可以使Logo成为主页的链接,如今主页已成为网站的通用可用性点:有关此类情况的更多信息,请参阅这篇流行的Stac

css - 添加 Doctype 会破坏布局

我一直在处理选项卡菜单,但没有添加doctype语句。它在我眼中完美无缺,但当我放置时或任何其他类型的Doctype,我的布局完全困惑。下面三张图说明1.)ExpandedWindow(withoutdoctype)2.)ContractedWindow(withoutdoctype)3.)ContractedWindow(WITHdoctype)我正在使用:after用代码片段伪装“滑动门”的右侧:#navli:after{width:10px;content:"";background:url('tabRight.png');position:absolute;height:100