css animation

simple closures javascript

by Mr_Vasu

HTML

<div class="parent" onclick="sayHello('svreddy');">
  <div class="child">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque eius earum, itaque reiciendis neque quae, corporis accusamus architecto blanditiis, molestias, facere eum nemo beatae sapiente illo similique minima labore saepe.
  </div>
</div>

SCSS

.parent{
  background: lighten(green, 60%);
  padding:10px;
  height:150px;
  transition:all .1s linear;
  &:hover{
    background: lighten(green, 10%);
    height:60px;
  }
}

JavaScript

function sayHello(name) {
	var text = 'Hello ' +  name;
  var say = function(){
  console.log(text);
  }
  say();
}
sayHello('Sreenivas');