"
Team:NCTU Formosa/source/header-human practice
From 2014.igem.org
(Difference between revisions)
| Line 2: | Line 2: | ||
<head> | <head> | ||
<style> | <style> | ||
| - | .letter-container | + | <style> |
| + | .letter-container h4 a { | ||
text-align: center; | text-align: center; | ||
font-size: 130px; | font-size: 130px; | ||
| Line 10: | Line 11: | ||
mask: url(https://static.igem.org/mediawiki/2014/d/d0/Mask.png) repeat; | mask: url(https://static.igem.org/mediawiki/2014/d/d0/Mask.png) repeat; | ||
} | } | ||
| - | .letter-container | + | .letter-container h4 P span { |
color: #fff; | color: #fff; | ||
opacity: 1; | opacity: 1; | ||
| Line 17: | Line 18: | ||
animation: sharpen 0.9s linear backwards; | animation: sharpen 0.9s linear backwards; | ||
} | } | ||
| - | .letter-container | + | .letter-container h4 P span:hover{ |
text-shadow: 0px 0px 40px #fff; | text-shadow: 0px 0px 40px #fff; | ||
} | } | ||
| - | .letter-container | + | .letter-container h4 P span:nth-child(1) { |
animation-delay: 0s; | animation-delay: 0s; | ||
} | } | ||
| - | .letter-container | + | .letter-container h4 P span:nth-child(2) { |
animation-delay: 0.5s; | animation-delay: 0.5s; | ||
} | } | ||
| - | .letter-container | + | .letter-container h4 P span:nth-child(3) { |
animation-delay: 1s; | animation-delay: 1s; | ||
} | } | ||
| Line 52: | Line 53: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(function() { | $(function() { | ||
| - | $("#letter-container | + | $("#letter-container h4 P").lettering(); |
}); | }); | ||
</script></head> | </script></head> | ||
Revision as of 15:44, 10 October 2014
