资讯频道 → Web前端
阅读更多

19顶
2踩

Web前端

原创新闻 很酷的text-shadow效果

2009-06-29 10:41 by 副主编 zly06 评论(13) 有9352人浏览
HTML JavaScript

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！



Zach Johnson通过文本阴影的效果为我们带来了不一样的视觉感受，以下是代码，很简单： 
document.getElementById('text-shadow-box').onmousemove = function(e) {
    var xm = e.clientX - 300;
    var ym = e.clientY - 175;
    var d = Math.sqrt(xm*xm + ym*ym);
    text.style.textShadow = -xm + 'px ' + -ym + 'px ' + (d / 5 + 10) + 'px black';
   
    xm = e.clientX - 600;
    ym = e.clientY - 450;
    spot.style.backgroundPosition = xm + 'px ' + ym + 'px';
}


点击查看演示：http://www.zachstronaut.com/lab/text-shadow-box/text-shadow-box.html

点击查看详情：http://www.zachstronaut.com/
  • 大小: 92.2 KB
来自: ajaxian
19
顶
2
踩
评论 共 13 条 请登录后发表评论
13 楼 gokure 2009-08-25 22:17
哇，很眩！
12 楼 huxp 2009-06-30 16:05
用来做恐怖类网站不错。
11 楼 hanhaify 2009-06-30 13:03
IE8下改改代码也能看, 就是有点小问题.
总之感觉作者太聪明了.
10 楼 zhaibing_2008 2009-06-30 12:01
在firefox下面没有效果，但是在IE8下面会显示脚本错误
9 楼 geminiyellow 2009-06-30 09:12
要我截图Opera下面的么？
8 楼 dyhunter 2009-06-30 09:11
兼容问题还有不少路要走
7 楼 cheneyjuu 2009-06-30 09:09
这个只能在IE里用.
6 楼 whaosoft 2009-06-30 09:07
要是有源码好了
5 楼 witcheryne 2009-06-30 09:03
很酷！！！！
4 楼 elementstorm 2009-06-30 08:29
再cool有啥用...每个浏览器表现都不一样,还不如用图片
啥时候浏览器同意标准了再说吧...
3 楼 xiaobin268 2009-06-30 08:28
用ubuntu吧,大家.过滤也是在windows下.exe文件.
2 楼 lzy.je 2009-06-29 21:38
ie8下脚本有错误，ff3.0.11下文字没有影子。
各自为政的局面什么时候统一？
1 楼 wangxinpier 2009-06-29 14:48
挺有意思，但是在chrome下有点小bug.....

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • ios手机编辑html转pdf文件,苹果手机居然能一键转换PDF文件？iPhone老司机才知道...

    现在的PDF文件好像已经变成了日常刚需，面试简历要用PDF，发给导师的文件要用PDF，万一遇到急用身边没有电脑怎么办？不用急，只要是手持iPhone的小伙伴都能脱离这种水深火热的情况~一、自带转换1.备忘录备忘录经常被...

  • 【html转pdf】html页面导出为pdf文件，纯html版本，简单实现pdf转换【html2canvas+jspdf】

    最近遇到的需求，把html转成pdf文件下载导出。目前网上看了下，有三种方法，但是其中两种需要后端配合一种是纯前端实现的，比较简单。所以就使用了这种。也就是html2canvas + jspdf 的这种方法这种方法实现的思路...

  • Java 实现 HTML 转 PDF 文件

    一、概述 我们在实际开发中会遇到各种不同的需求，接到一个需求把页面报告生成 PDF 格式。刚开始我的初步想法是用IText shen

  • PHP 把ofd格式文件转PDF,打开OFD格式文件及将OFD格式文件转换成PDF文件

    今天收到一张浙江开具的ofd格式发票，便在网上找相关的软件来打开方便打印出来给财务做账，但是找了一大圈没有解决方案，有些收费的解决方法，大部分所谓的OFD软件是骗人的，下载安装后根本打不开OFD格式的文件，...

  • html页面阅读pdf,在HTML中查看PDF文件的最佳阅读器-HTML PDF Viewer

    什么是HTML PDF Viewer?...又或者有时候，您可能需要在HMTL5网站上查看PDF文件。在这种情况下，您需要将PDF文件嵌入HTMLPDF Viewer中。很少有像谷歌浏览器这种内置PDF阅读器插件的浏览器，而Internet Explorer和F...

  • 〖Python自动化办公篇⑪〗- word文件自动化 - word 转 PDF（pdfkit与pydocx相结合）

    该章节我们将要学习如何将 word 文件转为 PDF文件，其实网上有很多种生成 PDF 的教程，不过绝大多数都是以 `windows` 为主的，并且兼容有很多的问题。`windows、mac、linux` 同时兼容的情况比较少，所以今天的章节...

  • php 将网页转成pdf_利用PHP将HTML页面转换成PDF文件

    利用PHP将HTML页面转换成PDF文件发布时间：2020-12-18 15:50:29来源：亿速云阅读：86作者：Leah本篇文章为大家展示了利用PHP将HTML页面转换成PDF文件，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章...

  • Java使用Thylemeaf + iText实现html(带图片)转pdf文件

    基于SpringBoot使用Thymeleaf+iText实现html(带图片)转pdf文件 1.导入依赖 <!-- Thymeleaf 模板引擎 --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>...

  • 教你两招,轻松搞定html页面导出为pdf文件

    Hi,大家好,我是麦洛,最近项目中遇到了将html页面导出为pdf文件,现在将相关内容分享出来,希望帮到有需要的伙伴 需求场景 在招投标软件中,每个标段结束评标之后,都会生成评标报告 评标报告主要包含项目信息,标段信息,...

  • php生成pdf文件,html转pdf文件的最佳方法（转载）

    有需要把一些html页面生成pdf文件，然后我就找一些用PHP把html页面围成pdf文件的类。 方法是可谓是找了很多很多，什么html2pdf,pdflib,FPDF这些都试过了，但是都没有达到我要的求。 pdflib,FPDF这两个方法是需要...

  • 史上最强php生成pdf文件,html转pdf文件方法

    之前有个客户需要把一些html页面生成pdf文件，然后我就找一些用php把html页面围成pdf文件的类。方法是可谓是找了很多很多，什么html2pdf,pdflib,FPDF这些都试过了，但是都没有达到我要的求。 pdflib,FPDF这两个方法...

  • PDF文件在线转换HTML的方法

    但是很少会有人给你讲解清楚，甚至他们也没有时间去给你解释怎么转换，反正问了一圈下来也是一脸的无知，所以今天就教会你怎么进行在线的PDF转换成HTML文件，需要用到的在线转换器——迅捷PDF在线转换器，操作其实很...

  • 如何将PDF文件转换为PNG图片？

    有时为了发送方便或提取其中的图片，我们需要...PDF的转换方法有很多种，为了节省大家的时间，下面将推荐多种方便高效的PDF转换工具。无论是什么操作系统，您都可在本文中找到最适合您的PDF转换工具，快速将PDF转PNG。

  • eml文件可以转换为html,eml格式转换成word eml文件转换word

    eml格式怎么转换成word格式1、可以直接用WORD打开，之后另存问word格式，但如果.eml中有附件的话，就看不到了，只能看邮件正文部分。而且邮件头如发件人、发送时间、收件人等都看不到。2、下载并安装Foxmail，也可以...

  • 如何在 Linux 中使用 Calibre 将 PDF 文件转换为 EPUB 格式？

    在这个现代时代，一切都被数字化了，电子书已成为主流，电子书有多种格式，如 PDF、EPUB、MOBI、AZW3 和 IBA 等。 大多数电子书阅读器支持几乎所有格式，但是，某些电子书阅读器可能不支持特定格式，例如，ASW3 文件...

  • 【办公自动化】用Python将PDF文件转存为图片

    因工作中的某些奇葩要求，需要将PDF文件的每页内容转存成按顺序编号的图片。用第三方软件或者在线转换也可以，但批量操作还是Python方便，所谓搞定办公自动化，Python出山，一统天下；Python出征，寸草不生~ O(∩_∩...

  • 根据html改为ftl模板生成pdf文件，支持中文及换行

    * <p>Description: 生成PDF到文件 * <p>Company: * @author ZY * @param ftlPath 模板文件路径（不含文件名） * @param ftlName 模板文件（不含路径） * @param imageDiskPath 图片的磁盘路径 * @...

  • 如何把HTML页面（带Iframe）页面转化成mht或pdf格式的文件？

    Iframe遇到的坑如何把HTML页面（带Iframe）页面转化成pdf格式的文件？下载依赖文件需要输出的网页此图为iframe加载的图片pdf生成生成结果重要代码：注意：网页源码 如何把HTML页面（带Iframe）页面转化成pdf格式的...

  • java使用itext7实现html转pdf

    首先介绍一下大体流程吧，项目是基于springboot 和vue 的前后端分离架构，基本思路是由前端生成html文件，传给后端，后端通过itext7转为pdf返回前端。废话少说，直接上代码！ 一、前端处理html 由于不是我写的代码...

  • 在Html页面直接展示pdf文件

    文章目录使用js文件不用js文件 使用js文件 js文件下载链接：https://github.com/pipwerks/PDFObject/ 样例： 1. Create a container to hold your PDF <div id="example1"></div> 2. Tell PDFObject ...

Global site tag (gtag.js) - Google Analytics