       position: 'fixed',
       marginLeft: "-#{frame.$el.width()/2}px"
 
-  remove = ->
-    frame.$el.removeClass 'factlink-control-visible'
-    setTimeout (-> frame.destroy()), removal_delay
+  doTransition = ->
+    frame
+      .fadeIn()
+      .then(-> FactlinkJailRoot.Timer(in_screen_time))
+      .then(-> frame.fadeOut())
+      .then(-> frame.destroy())
 
   renderFrame()
   return

    frame = new FactlinkJailRoot.ControlIframe()
    fillFrame()
    positionFrame()
    frame.$el.addClass 'factlink-control-visible'
    setTimeout(remove, in_screen_time)

  fillFrame = ->
    frame.setContent($.parseHTML(content)[0])

    type_classes: 'fl-message-icon-time fl-message-success'

in_screen_time = 3000
content = """
  <div class="fl-message">
    <div class="fl-message-icon"></div><span class="fl-message-content fl-js-message"></span>
