Demetrio mvargasmoran

## Playing-with-ellipsis.markdown

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                mvargasmoran
                / Playing-with-ellipsis.markdown
            
            
              Created
              February 12, 2015 04:41
            
              
                Playing with ellipsis
              
          
    Playing with ellipsis

always nice to do this stuff with just css
A Pen by Marcos on CodePen.
License.

  
## index.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Background-color ramdomizer">
  <meta charset="utf-8">
  <title>JS Bin</title>
<style id="jsbin-css">
body{
  background-color: coral;
  transition: all ease 0.5s;

## gist:e4742691a575826f23d3
<?php

function secondsToTime($seconds) {
	$dtF = new DateTime("@0");
	$dtT = new DateTime("@$seconds");
	return $dtF->diff($dtT)->format('%a days, %h hours, %i minutes and %s seconds');
}

echo secondsToTime(1640467);

## index.html
<!DOCTYPE html>
<head>
<meta name="description" content="anchors fill its father, so its easier on mobile" />
<title></title>
<style id="jsbin-css">
.std {

  width: 200px;
  border: solid 1px green;
  height: 50px;

## index.html
<!DOCTYPE html>
<head>

<title></title>
<style id="jsbin-css">
.std {

  width: 200px;
  border: solid 1px green;
  height: 50px;

## index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */

/**
 * Diablo2 assassin
 w 4163 23  h 2252 16
 */


## dabblet.css
/**
 * ¡Asteroid!
 8192  128
 */


@keyframes motion{
	from{ background-position: 0 0; }
	to{ background-position: -8192px 0;}
}

## dabblet.css
/**
 * ¡Asteroid!
 8192  128
 */


@keyframes motion{
	from{ background-position: 0 0; }
	to{ background-position: -8192px 0;}
}
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="Background-color ramdomizer">
	<meta charset="utf-8">
	<title>JS Bin</title>
	<style id="jsbin-css">
	body{
	background-color: coral;
	transition: all ease 0.5s;
	<?php

	function secondsToTime($seconds) {
	$dtF = new DateTime("@0");
	$dtT = new DateTime("@$seconds");
	return $dtF->diff($dtT)->format('%a days, %h hours, %i minutes and %s seconds');
	}

	echo secondsToTime(1640467);
	<!DOCTYPE html>
	<head>
	<meta name="description" content="anchors fill its father, so its easier on mobile" />
	<title></title>
	<style id="jsbin-css">
	.std {

	width: 200px;
	border: solid 1px green;
	height: 50px;
	/**
	* The first commented line is your dabblet’s title
	*/

	/**
	* Diablo2 assassin
	w 4163 23 h 2252 16
	*/
	/**
	* ¡Asteroid!
	8192 128
	*/


	@keyframes motion{
	from{ background-position: 0 0; }
	to{ background-position: -8192px 0;}
	}