草庐IT

CSS过渡

全部标签

html - 在 Perl 中解析 HTML 和 CSS 有哪些好方法?

我有一个元素,我的输入文件曾经是XML。我现在被要求开始使用嵌入的CSS处理HTML,我希望尽可能干净地完成此操作,并尽可能少地更改代码。我之前使用XML::LibXML来解析XML文件,但现在我们正在转向使用CSS的HTML,我想我需要转向其他东西。话虽如此,在我陷入可能会后悔的愚蠢决定之前,我想问一下:你们用什么来完成这种任务?旧XML和新HTML输入文件的结构非常相似,都包含相同的信息。HTML使用div代替XML的文本节点,并将其样式信息保存在样式标签和属性中,而不是单独的xml属性中。旧XML的示例是:Sometext新HTML的一个例子是:Sometext其中“ft19”是

javascript - 影响 JavaScript/CSS 的 HTML 空间格式

这是怎么回事...如果您更改HTML中不同标记之间的间距或换行符,则会导致JavaScript或CSS出现问题(不确定是哪一个)。代码本身是一个基本的可折叠列表,仅使用HTML、JavaScript和CSS。我知道你可以用jquery等来做到这一点。只是想得到这段代码的解释。如果您单击下面的jsfiddle链接,运行它,然后单击标题,它将在单击时展开和折叠。整理或更改间距并再次运行-单击时消失。http://jsfiddle.net/7WPs6/46/HTML+titlehelloJavaScriptfunctionhandleCollapsible(id){varclickedTit

javascript - 影响 JavaScript/CSS 的 HTML 空间格式

这是怎么回事...如果您更改HTML中不同标记之间的间距或换行符,则会导致JavaScript或CSS出现问题(不确定是哪一个)。代码本身是一个基本的可折叠列表,仅使用HTML、JavaScript和CSS。我知道你可以用jquery等来做到这一点。只是想得到这段代码的解释。如果您单击下面的jsfiddle链接,运行它,然后单击标题,它将在单击时展开和折叠。整理或更改间距并再次运行-单击时消失。http://jsfiddle.net/7WPs6/46/HTML+titlehelloJavaScriptfunctionhandleCollapsible(id){varclickedTit

html - 适用于 Iphone 6 和 Iphone 6 plus 的媒体 Css

我正在制作这个网站,并为移动设备、平板电脑、笔记本电脑和台式机设置了媒体设置。它在所有其他手机中看起来都不错。我还没有在实际的平板电脑上检查过,但在chrome浏览器模拟器上没问题。但是,我的friend在他的Iphone6Plus中检查了该站点,发现导航栏设置一团糟。顺便说一句,我正在为框架使用Bootstrap3。我很困惑为什么我的代码可以在其他手机上运行,​​但不能在Iphone6Plus上运行。也许Iphone6也有同样的问题?这是我的媒体CSS:/*Tablet(Portrait)*/@mediaonlyscreenand(max-width:768px)and(orient

html - 适用于 Iphone 6 和 Iphone 6 plus 的媒体 Css

我正在制作这个网站,并为移动设备、平板电脑、笔记本电脑和台式机设置了媒体设置。它在所有其他手机中看起来都不错。我还没有在实际的平板电脑上检查过,但在chrome浏览器模拟器上没问题。但是,我的friend在他的Iphone6Plus中检查了该站点,发现导航栏设置一团糟。顺便说一句,我正在为框架使用Bootstrap3。我很困惑为什么我的代码可以在其他手机上运行,​​但不能在Iphone6Plus上运行。也许Iphone6也有同样的问题?这是我的媒体CSS:/*Tablet(Portrait)*/@mediaonlyscreenand(max-width:768px)and(orient

css - 将 Angular Material 下拉菜单移至左侧

我正在使用AngularMaterial。我已成功创建导航栏和下拉菜单。看起来像这样:我想将DROPDOWN移到左侧。现在,它出现在中心周围。HTML代码:MaterialNavBarDropdownHelpAboutGoBackItem1Item2如何修改代码以将DROPDOWN移动到文本MaterialNavBar的左侧? 最佳答案 你只需要添加在您的代码中。MaterialNavBarDropdownHelpAboutGoBackItem1Item2这是一个工作示例。http://codepen.io/next1/pen/Ra

css - 将 Angular Material 下拉菜单移至左侧

我正在使用AngularMaterial。我已成功创建导航栏和下拉菜单。看起来像这样:我想将DROPDOWN移到左侧。现在,它出现在中心周围。HTML代码:MaterialNavBarDropdownHelpAboutGoBackItem1Item2如何修改代码以将DROPDOWN移动到文本MaterialNavBar的左侧? 最佳答案 你只需要添加在您的代码中。MaterialNavBarDropdownHelpAboutGoBackItem1Item2这是一个工作示例。http://codepen.io/next1/pen/Ra

html - 如何平滑宽度和高度的过渡?

我已经创建了这个动画,但它并不流畅。当您将鼠标悬停在蓝色圆圈上时,会打开一个五颜六色的圆圈,但开口不稳定,不是100%平滑的。动画可以平滑吗?如何平滑?#container{border:1pxsolidblack;width:600px;height:600px;position:relative;}#circle{margin:0;padding:0;border:1pxsolidblack;width:50px;height:50px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(

html - 如何平滑宽度和高度的过渡?

我已经创建了这个动画,但它并不流畅。当您将鼠标悬停在蓝色圆圈上时,会打开一个五颜六色的圆圈,但开口不稳定,不是100%平滑的。动画可以平滑吗?如何平滑?#container{border:1pxsolidblack;width:600px;height:600px;position:relative;}#circle{margin:0;padding:0;border:1pxsolidblack;width:50px;height:50px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(

html - 侧面导航中的 Angular Material 滑动过渡?

当我点击设置时,它会导航到内部导航菜单,然后返回主菜单选项。为此,我正在尝试使用AngularMaterial在侧边导航中实现幻灯片过渡,但它没有在侧边导航中显示幻灯片过渡效果。AngularmaterialslidenavPlnkr::http://plnkr.co/edit/tAocrJglxnLs3mMPqAnb幻灯片转换:当我们点击设置时,它会导航到内部菜单,然后单击后退导航到主菜单。为此需要幻灯片过渡效果。例如:http://plnkr.co/edit/o37kGQByrXX9jdIxuIXZ任何人建议幻灯片过渡效果。 最佳答案