PbootCMS建站博客

PB教程、PB网站模板、PB插件。

QQ快捷登录
PbootCMS建站交流群
  • 博主：孽 (云趣科技)
  • QQ：点击这里给我发消息
  • 微信：dylanv
  • 业务：切图,建站,二开,运维
回复时间：工作日下午4点30以后；周六周日不限。
AD
【腾讯云】领8888元采购礼包，抢爆款云服务器 每月 9元起，个人开发者加享折上折！

前端笔记

  • 记录一个有意思的svg动画加载效果
    svg动画
    loading效果
    前端技术

    记录一个有意思的svg动画加载效果

    前言这是我研究stroke-dasharray参数百度搜到的一篇文章，当时只复制了代码，时间长了一下子找不到原文了，在这里先给作者道个歉。哪天再拜读到大作的时候一定补上来源。正文svg我是小白，只是最近苦于甲方大大非得要一些动画效果，就只能硬着头皮来研究一下。这片文章注释写的较为详细，自己动手修改数值能更直观的了解到每
    稿件作者 CMS博客 2022-05-15 23:04 前端笔记 1941
  • 我用CSS绘制冰墩墩送给你 前端人切图仔才懂的浪漫
    CSS冰墩墩
    一墩难求

    我用CSS绘制冰墩墩送给你 前端人切图仔才懂的浪漫

    用css画了一个冰墩墩，其实html结构很简单，主要是在css上下功夫，用得最多的是伪类，圆角，定位。如果有兴趣的同学，可以尝试着自己画一个，如果再用到css3动画，还有css3颜色渐变，让冰墩墩动起来，效果会更好哦。实现思路1.先画出一个大圆，并设置相应的border-radius。2.画出两个椭圆样式的耳朵，基于大圆absolute定位，
    稿件作者 CMS博客 2022-03-03 09:28 前端笔记 2007
  • CSS制作留言聊天框中的冒泡尖角效果 纯色+边框技巧教程
    css技巧
    聊天框冒泡样式

    CSS制作留言聊天框中的冒泡尖角效果 纯色+边框技巧教程

    前言在前端切图过程中遇到一个制作聊天对话框中的箭头效果，如下图。在我还是一个CSS小白的时候，我都是用一个图片来制作这个冒泡效果的，显得很low，很没气质。教程效果演示以上2种效果是我们常见的样式。原理图样式一：这种比较简单，说一下步骤：1、我们写一个div，写出尺寸和圆角，并且设置position属性。2、用伪类::be
    稿件作者 CMS博客 2020-04-30 16:06 前端笔记 4901
  • 用CSS做一个流光溢彩的文字特效
    CSS技巧
    流光溢彩文字

    用CSS做一个流光溢彩的文字特效

    前言之前看到一个网站的文字特效，觉得很酷，先看图：我这个静态截图看不出滚动效果，也懒的截GIF啦。我们动手来实现一下效果。实现代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"> 
    稿件作者 CMS博客 2020-04-15 16:11 前端笔记 4765
  • CSS实现OSX风格的三个圆点
    CSS技巧
    三个圆点的技巧

    CSS实现OSX风格的三个圆点

    先看图，左上角OSX风格的圆点按照我之前的习惯，我会在div中放入一个span用作钩子，如下HTML结构：<divclass="box"><spanclass="dot"></span>正文内容</div>然后写入如下CSS：.box{position:relative;padding:40px20px20px;}.box
    稿件作者 CMS博客 2020-04-14 15:13 前端笔记 5316