首页 列表 - 第 2 页
如何创建视差滚动效果
如何创建视差滚动效果 创建需要令人兴奋的设计来吸引访问者并增加用户参与度。 流行的效果之一是视差效果。 在创建视差效果之前，让我们看看它是什么以及它来自其中。 视差效果使背景和前景内容在滚动时以不同的速度移动。 视差设计总是能引起用户的注意。 “视差”一词最初来自视觉 2D 效果横向卷轴视频游戏，它使用不同的背景图像移动速度在游戏过程中创造深度错觉。 它可以用于任何的任何页面或者帖子。 大多数情况
Views：0 2020-06-02
如何使用 HTML 和 CSS 创建多色文本
如何使用 HTML 和 CSS 创建多色文本 多色文本可以使对访问者更具吸引力和趣味性。 此代码将了解如何为创建此类文本。 有 3 种方法可以创建多色文本。 让我们一起潜入并尝试一下。 使用图像编辑器 我们可以借助 Pixelmator、Photoshop 等图像编辑器创建多色文本。 因此，我们可以创建多色图像并将其嵌入到中。 使用此方法将无法搜索多色文本。 因此，代码将如下所示： <i
Views：0 2020-06-02
如何创建发光文本
如何创建发光文本 发光的文字会立即引起用户的注意。 他们可以轻松地使某人心情愉快。 我们可以选择柔和的颜色和柔和的发光元素，这会给用户带来轻松的感觉。 今天的教程将向我们展示如何仅使用 HTML 和 CSS 创建发光文本。 按照步骤操作并查看发光文本示例。 创建 HTML 创建一个带有“glow”类的 <h1> 标签。 在标签中写一段文字。 <h1 class="
Views：0 2020-06-02
如何在input字段周围创建发光边框
如何在input字段周围创建发光边框 具有 CSS 属性的解决方案 在本教程中，我们将找到一些在具有 CSS 属性的输入字段周围创建发光边框的方法。 在下面的示例中，我们将 :focus 伪类添加到 <input> 元素，然后指定 border-color 和 box-shadow 属性。 此外，我们将轮廓属性设置为“无”。 在输入字段周围创建发光边框的示例： <!DOCTY
Views：0 2020-06-02
如何使用 CSS 创建固定导航列
如何使用 CSS 创建固定导航列 通常，当用户滚动网页时，顶部导航菜单会消失。 许多都普遍使用固定导航列。 换句话说，当我们滚动网页时，固定或者粘性导航列会保持原位。 无论用户在网页上的哪个位置，它们都允许显示界面组件。 固定的导航列很容易创建。 它需要一点 HTML 标记和一些 CSS 属性。 在本教程中，我们将展示如何使用 <div>、<nav> 和 <ul>
Views：0 2020-06-02
如何为 PNG 图像创建投影
如何为 PNG 图像创建投影 阴影总是赋予图像清新的外观并使其引人注目。 CSS box-shadow 属性允许在图像上添加阴影，但我们不能将它用于 png 图像，因为效果总是会放置一个方形图像阴影。 所以，如果你想为png图片创建阴影，最好的选择是filter属性，它有很多值可以帮助你解决很多样式问题。 如何将投影应用于 PNG 图像。 将图像源放在 <body> 部分。 在
Views：0 2020-06-02
如何使用 CSS 创建下拉导航菜单
如何使用 CSS 创建下拉导航菜单 独特且有吸引力的导航菜单对每个都很重要。 导航菜单对于我们的出色可访问性至关重要。 用户喜欢精心设计的。 我们将展示基于 CSS/HTML 的菜单教程，允许我们轻松创建下拉导航菜单，并且它提供更小的应用程序大小。 使用 CSS/HTML 是避免 JavaScript 冲突的最佳方式。 此外，基于 CSS/HTML 的菜单可以被更多人使用。 创建 HTML
Views：0 2020-06-02
如何在 CSS 中创建模糊文本
如何在 CSS 中创建模糊文本 使文本风格化的最佳效果之一是使其看起来模糊。 在这个片段中，我们将展示两种创建模糊文本的方法。 所以我们开始了。 使用 CSS text-shadow 属性的解决方案 创建模糊文本的第一种方法是使文本透明并对其应用阴影。 阴影会使文本显得模糊。 使用 ID 为“blur”的 <div>。 然后，将颜色属性设置为其“透明”值并定义 text-shado
Views：0 2020-06-02
如何使用 CSS3 动画创建闪烁效果
如何使用 CSS3 动画创建闪烁效果 通常，闪烁效果用于使用户注意到我们上的某些文本。 如果我们需要这样的效果，请尝试使用 CSS 动画。 CSS 动画解决方案 CSS3 允许在没有任何 Javascript 代码的情况下创建动画。 要获得闪烁的文本效果，我们还需要@keyframes 规则。 我们通过为闪烁的文本动画定义一些关键帧并将可见性设置为“隐藏”来使用 CSS 动画。 在我们下面的示
Views：0 2020-06-02
如何使用 CSS 在盒子/卡片上创建 3D 翻转动画
如何使用 CSS 在盒子/卡片上创建 3D 翻转动画 CSS动画可以做很多有趣的事情。 当给定容器的正面和背面都有内容时，一种令人印象深刻的 CSS 效果是翻转效果。 本文将向我们展示如何创建： 水平和垂直翻转动画 翻书动画 用按钮翻转卡片 翻转列表 翻转菜单 水平和垂直翻转动画 要产生翻转效果，必须设置一些属性。 让我们在下面讨论它们： 使用透视属性将透视变换应用于元素及其内容（透视：
Views：0 2020-06-02
如何使用 CSS 将图像转换为灰度图像
如何使用 CSS 将图像转换为灰度图像 有很多方法可以在 CSS 的帮助下使图像灰度化。 在这个片段中，我们将学习如何使用 CSS 属性将彩色图像转换为灰度。 使用 CSS filter 属性的解决方案 在下面的示例中，我们将图像放在 <img> 标签中，然后使用过滤器属性的“灰度”值。 用于 Safari、Google Chrome 和 Opera（较新版本）的 -Webkit-
Views：0 2020-06-02
如何控制 <label> 标签的宽度
如何控制 <label> 标签的宽度 <label> 元素为 <input> 标签指定一个文本标签。 由于它是一个内联元素，单独使用 width 属性不会有任何效果。 但是有一些方法可以为 <label> 标签增加宽度。 在本教程中，我们将演示一些通过使用设置为“block”的 display 属性和 width 属性来控制 <label>
Views：0 2020-06-02
如何点击一个 div 到它的底层元素
如何点击一个 div 到它的底层元素 想象一下，你有一个 div，它的背景是透明的，还有边框。 在这个 div 下，我们还有其他不同的元素。 我们想通过 div 单击这些底层元素。 这会给大多数开发人员带来问题，因为他们只能在单击覆盖 <div> 外部的情况下单击底层元素。 如果你有这样的问题，那么这个片段适合你。 让我们深入研究并尝试一起做。 添加 HTML An HTML co
Views：0 2020-06-02
css如何清除浮动？什么是 Clearfix？
css如何清除浮动？什么是 Clearfix？ clearfix 是父元素自动清除或者修复其元素的一种方式，因此不需要另外的标记。 在浮动布局中，它通常用于元素浮动以水平堆叠的地方。 这是一个 CSS 技巧，解决了当两个浮动元素彼此相邻堆叠时发生的错误。 我们可能要做的就是在主内容块的左侧放置一个侧边列，但结果是，将有两个元素相互重叠和折叠。 该错误在浏览器之间不一致。 因此，发明了 clearf
Views：0 2020-06-02
如何更改锚标签中“title”属性的样式
如何更改锚标签中“title”属性的样式 title 属性的文本如何显示取决于浏览器。 它可能因浏览器而异。 我们无法将我们想要的样式应用于基于 title 属性显示的工具提示。 但是，可以使用其他属性创建类似于它的东西。 在此代码中，我们将演示执行此操作的一些示例。 创建 HTML 使用带有 href 属性的 <a> 标记。 此外，添加一个名为“工具提示”的类属性。 在 &
Views：0 2020-06-02
如何使用 CSS 更改默认文本选择颜色
如何使用 CSS 更改默认文本选择颜色 每次用户选择要突出显示的文本时，它都会自动采用一些背景颜色，有时也会更改文本的颜色。 如果我们之前没有注意到，请选择这句话以查看文本之外的背景颜色。 如果默认的蓝色让我们感到困扰或者出于任何原因，可能与设计有关，我们需要更改高亮颜色，CSS3 提供了这个机会！ ::selection 伪元素是 CSS3 的一项很酷的特性，它覆盖了浏览器级别或者系统级别的文本
Views：0 2020-06-02