css3制作翘边阴影

css3制作翘边阴影
css3制作翘边阴影 css3制作翘边阴影利用after和before伪类,设置class属性transform: skew(12deg) rotate(4deg) 弄成左右相反的2个菱形 ;层级低于本身作为阴影 html代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css3制作翘边阴影</title> <link rel="stylesheet" href="style/...
守财鹿邀请码

CSS3自定义滚动条样式 -webkit-scrollbar

CSS3自定义滚动条样式 -webkit-scrollbar
当内容超出容器时,容器会出现滚动条,其自带的滚动条有时无法满足我们审美要求,那么我们可以通过css伪类来实现对滚动条的自定义。 首先我们要了解滚动条。滚动条从外观来看是由两部分组成: 1,可以滑动的部分,我们叫它滑块 2,滚动条的轨道,即滑块的轨道,一般来说滑块的颜色比轨道的颜色深。 滚动条的css样式主要有三部分组成: 1、::-webkit-scrollbar   定义了滚动条整体的样式; 2、::-webkit-scr...

jQuery全屏滚动动画插件fullPage.js演示

jQuery全屏滚动动画插件fullPage.js演示
* { margin: 0; padding: 0;} .wrap { width: 100%; margin: 0 auto; font: 14px Tahoma,Helvetica,Arial,"宋体";} .wrap p { margin: 14px 0; } .wrap h2 { margin-bottom: 20px; padding: 5px 2px; border-bottom: 1px solid #ccc; font: 500 24px "Microsoft Yahei";} .wrap dl { margin-top: 20px; list-style-type: none; overflow: hidden; zoom: 1;} .wrap dd { position: relative; float: left; ...

thinkphp5实现文章上一篇,下一篇

thinkphp5实现文章上一篇,下一篇
写在控制器: //列表是按照根据id降序排列的,所以上一篇 $prv=Db::table('web_article')->where('id','>',$id)->where('typeid',$typeid)-> order('id asc')->limit('1')->find(); $this->assign('prv',$prv); //列表是按照根据id降序排列的,所以下一篇 $next=Db::table('web_article')->where('id','<',$id)->where('typeid',$typeid)-&g...

与其迷茫不如专注于一技之长

与其迷茫不如专注于一技之长
当下,不少青年身陷迷茫——有对大学教育的迷茫:感到所学无用,“牛顿方程”不能带来工作、房子;有对社会道德的迷茫:一边躲避崇高、怀疑传统,一边渴望社会有良好的道德风尚;有对爱情的迷茫:非常渴望爱情,却没有能力处理好爱情问题;有对前途的迷茫:信仰的缺失,创业、就业的压力,使很多青年对未来充满迷惑。这种迷茫,与处于经济青春期的中国、与快速增长和情绪波动的时代背景都不无关系。 年轻人如...

和程序员打交道的十大禁忌

和程序员打交道的十大禁忌
如果你正在读这篇文章,那么非常有可能是有人发给你了这条链接。这个人可能是你的朋友,同事,亲戚,父母,儿子,兄弟,表亲,姑嫂,外甥,或者恰巧帮你解决了电脑问题的一个人。他通常是程序员,系统管理员,或者 “擅长电脑”名声在外的某个人。 这篇文章的初衷是想要澄清跟程序员打交道的错误方式和禁忌。 和程序员打交道的十大禁忌 1、不要“一遇到问题就去找程序员” 通常,技术问题通过阅读使用说明就...

Android开发 告别USB,用 wifi 进行 真机调试

Android开发 告别USB,用 wifi 进行 真机调试
最近知道了flutter,所以看了点资料 配了一下环境,稍微看了一下,由于电脑配置不是很好,跑模拟器比较吃力,所以只能用真机测试,真机测试用usb感觉比较麻烦,于是想着用wifi就好了,找了一下资料 好像还真可以,废话不多说,步骤在下面。 连接 wifi 具体步骤 1、首先确保电脑和手机都连接了同一个局域网 2、打开 usb 调试,用数据线连接电脑和手机 3、用 adb 查看已连接的 Android 设备 : adb devices 4...

如何成为一名优秀的web前端工程师

如何成为一名优秀的web前端工程师
我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西。 如何成为一名优秀的web前端工程师 我从没有听到有人问:如何做一名优秀、甚至卓越的WEB前端工程师。 何为:前端工程师? 前端工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的行业。 Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript! 它要求前端开发工程师不仅要掌握基本的W...

微信小程序轮播图添加链接

微信小程序轮播图添加链接
轮播图,最常见的一个轮播图,中间带小圆点,自动轮播。 Swiper是滑动特效插件,面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。是目前应用较广泛的移动端网页触摸内容滑动插件。 WXML部分: <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" indicator-color='#fff' indicator-active-color='#999'  duration=...

w3cschool 编程开发教程全套打包下载 – 适合入门学习的基础教程 PDF 资源

w3cschool 编程开发教程全套打包下载 – 适合入门学习的基础教程 PDF 资源
很多人都对学习网站开发、WEB网页编程等非常感兴趣,今天推荐的则是另一套由网友整理自 w3cschool 网站全套 PDF 教程, 这里面包含了比较全面的 WEB 网页开发编程入门教程如 HTML、CSS、Javascript、jQuery、Bootstrap 等前端教程,以及 PHP、Java、Python、Node.js、Ruby 还有一些 C++、C#、SQL、Linux、iOS 开发、设计模式、正则表达式等教程…… 下面是这套学习教程包含的内容列表,内容比较多,主要是网...
Copyright © WEB小工匠 保留所有权利.   渝ICP备15008469号

渝公网安备 50023602000173号

用户登录

分享到: