Articles under the label of Css美化

  1. Home
  2. Css美化

css实现不可被全选

**前言：有时候为了追求网页的体验感，会进行一些处理。**css实现不可被全选``` -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; ```
  • 逸云先生
  • January 19, 2021
  • No comments

    • JavaScript实现背景随机线条效果

    ``` * { margin: 0; padding: 0; } var canvas = document.getElementById("cas"); var ctx = canvas.getContext("2d"); resize(); window.o...
  • 逸云先生
  • December 29, 2020
  • 1 comments

    • CSS实现网页流光字体样式代码

    **代码如下：**```css欢迎访问逸云日志 /**流光文字**/ #nr { font-size: 15px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff0000 6.25%, #ff7d00 1...
  • 逸云先生
  • September 21, 2020
  • No comments

    • css里面的filter属性

    # filter图片变成白色或者黑色（用brightness）**图片变成白色**```css filter: brightness(100); ```**图片变成黑色**```css filter: brightness(0); ```
  • 逸云先生
  • September 14, 2020
  • No comments

    • css溢出隐藏

    根据宽度展示，超出宽度范围会显示"..."```css white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; ```### -webkit-line-clamp可以把 块容器 中的内容限制为指定的行数。并且在超过行数后，在最后一行显示"..." 这是正常的展示```css...
  • 逸云先生
  • August 15, 2020
  • No comments

    • 使用CSS打造渐变背景动画

    最近看见很多网站都使用上了渐变动画，我也来分享一个，纯css3实现一款简单的网页渐变背景动画特效，可以在css属性里修改成你喜欢的渐变颜色值和动画时间。```css /* 动态渐变特效*/ body { background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB); background-size: 400% ...
  • 逸云先生
  • August 11, 2020
  • No comments

    • css 实现一个带尖角的正方形

    **html部分：**```css```**css代码：**```css #demo { width: 100px; height: 100px; border: 2px #000 solid; background-color: #fff; position: relative; }#demo:before, #demo:after { width: 0px; height: 0px; b...
  • 逸云先生
  • August 10, 2020
  • No comments

    • css让一张背景图100%的占满屏幕

    第一种：```css background: url(../images/register.png) no-repeat; background-size:100% 100%; width: 100%; height:500px; ```第二种（推荐）：```css background: url(../images/guide_page.jpg) no-repeat center; bac...
  • 逸云先生
  • August 4, 2020
  • No comments